.ssf-favorite-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background:rgba(255,255,255,.94);
    color:#0f172a;
    font:700 13px/1.1 "SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    text-decoration:none;
    cursor:pointer;
    transition:all .24s cubic-bezier(.22,1,.36,1);
    box-shadow:0 10px 28px rgba(15,23,42,.08);
}

.ssf-favorite-btn svg{
    width:16px;
    height:16px;
    flex-shrink:0;
}

.ssf-favorite-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(244,63,94,.22);
    box-shadow:0 14px 30px rgba(244,63,94,.14);
}

.ssf-favorite-btn.is-active{
    background:linear-gradient(135deg,#fff1f2,#ffe4e6);
    color:#e11d48;
    border-color:rgba(244,63,94,.26);
}

.ssf-favorite-btn.is-active svg{
    fill:currentColor;
}

.ssf-favorite-btn.is-error{
    transform:translateY(0) scale(.98);
    border-color:rgba(239,68,68,.28);
}

.ssf-favorite-btn:disabled{
    opacity:.72;
    pointer-events:none;
}

.ssf-favorite-btn--loop{
    width:100%;
    margin-top:10px;
}

.ssf-favorite-single-wrap{
    margin:18px 0 0;
}

.ssf-favorite-btn--single{
    min-width:210px;
    padding:0 18px;
}

@media (max-width: 700px){
    .ssf-favorite-btn--single,
    .ssf-favorite-btn--loop{
        width:100%;
    }
}