.favorites-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;outline:none;position:relative}.favorites-btn-sm{width:32px;height:32px;font-size:14px}.favorites-btn-md{width:40px;height:40px;font-size:16px}.favorites-btn-lg{width:48px;height:48px;font-size:18px}.favorites-btn-inactive{background-color:var(--grey2);color:var(--white)}.favorites-btn-inactive:hover{background-color:#d1d5db;color:#ef4444;transform:scale(1.05)}.favorites-btn-active{background-color:var(--orange);color:white}.favorites-btn-active:hover{background-color:#dc2626;transform:scale(1.05)}.favorites-btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.favorites-btn:focus{outline:2px solid #ef4444;outline-offset:2px}.favorites-icon-sm{width:16px;height:16px}.favorites-icon-md{width:20px;height:20px}.favorites-icon-lg{width:24px;height:24px}.favorites-icon{transition:transform .2s ease}.favorites-icon-active{transform:scale(1.1)}.favorites-spinner{animation:spin 1s linear infinite}.favorites-spinner-svg{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.favorites-text{margin-left:8px;font-size:14px;font-weight:500}