.favorite-button{cursor:pointer;color:#64748b;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.favorite-button:hover{color:#ef4444;background:#fff;transform:scale(1.1)}.favorite-button--active{color:#ef4444!important}.favorite-button--active:hover{color:#dc2626!important}.favorite-button--small{width:2rem;height:2rem}.favorite-button--medium{width:2.5rem;height:2.5rem}.favorite-button__icon{transition:transform .2s}.favorite-button--active .favorite-button__icon{animation:.3s heartBeat}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}
.compare-button{cursor:pointer;color:#475569;background:#ffffffe6;border:none;justify-content:center;align-items:center;gap:.375rem;font-weight:500;transition:all .2s;display:inline-flex}.compare-button:hover:not(:disabled){color:#2337b8;background:#fff}.compare-button--active{color:#fff!important;background:#2337b8!important}.compare-button--active:hover{background:#1b2c91!important}.compare-button--disabled{opacity:.5;cursor:not-allowed}.compare-button--small{border-radius:.375rem;padding:.375rem;font-size:.75rem}.compare-button--medium{border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.compare-button--icon{border-radius:50%;width:2rem;height:2rem;padding:0}.compare-button--icon.compare-button--small{width:2rem;height:2rem}.compare-button--text{padding:.375rem .75rem}.compare-button--full{width:100%;padding:.5rem 1rem}.compare-button__icon{flex-shrink:0}.compare-button--icon .compare-button__icon{width:16px;height:16px}.compare-button__text{white-space:nowrap}