.button-favorite{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%}.button-favorite__icon{width:13px;height:13px;stroke:#8f99a6;fill:none}.button-favorite__icon--yellow{fill:#f29e4a}.button-favorite__icon--hide{display:none}.button-favorite__preloader:after{content:"";overflow:hidden;border-radius:50%;width:14px;min-width:0;padding:0;margin:0;height:14px;font-size:10px;text-indent:-9999em;border-top:4px solid #acb9c8;border-right:4px solid #acb9c8;border-bottom:4px solid #acb9c8;border-left:4px solid #2b2f33;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:spin 1.1s linear infinite;animation:spin 1.1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s;transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (min-width:1640px){.button-favorite__icon,.button-favorite__preloader:after{width:18px;height:18px}}