.sf-card{color:#0c0c0b;background:#fdd70d;border:4px solid #0c0c0b;border-radius:24px;flex-direction:column;justify-content:flex-start;min-height:22rem;padding:28px 28px 150px;display:flex;position:relative;overflow:visible}.sf-badge{z-index:4;width:92px;height:92px;position:absolute;top:-34px;right:22px;transform:rotate(15deg)}.sf-badge svg{width:100%;height:100%}.sf-badge .sticker-burst{transform-box:view-box;transform-origin:50%;animation:30s linear infinite sf-spin}@keyframes sf-spin{to{rotate:360deg}}.sf-ribbons{pointer-events:none;border-radius:20px;position:absolute;inset:0;overflow:hidden}.sf-ribbon{width:2400px;height:44px;font:900 24px/1 var(--font-ambit);text-transform:uppercase;white-space:nowrap;align-items:center;display:flex;position:absolute;bottom:70px;right:120px;overflow:hidden}.sf-ribbon-light{background:#f3f1e6;transform:translate(50%,50%)rotate(-8deg)}.sf-ribbon-dark{color:#f3f1e6;background:#0c0c0b;transform:translate(50%,50%)rotate(-24deg)}.sf-ribbon span{animation:51s linear infinite sf-scroll;display:inline-block}.sf-ribbon-light span{animation-direction:reverse}@keyframes sf-scroll{to{transform:translate(-50%)}}.sf-btn{isolation:isolate;font:900 16px/20px var(--font-ambit);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;display:inline-flex;position:relative}.sf-btn:before{content:"";z-index:-1;border-radius:inherit;background:#f3f1e6;position:absolute;inset:0;transform:translateY(4px)}.sf-btn-face{border-radius:inherit;color:#fdd70d;background:#0c0c0b;border:3px solid #0c0c0b;align-items:center;gap:10px;height:46px;padding:0 7px 0 18px;transition:transform .15s cubic-bezier(.25,.46,.45,.94);display:flex}.sf-btn-label{height:20px;display:grid;overflow:hidden}.sf-btn-label span{transition:transform .25s cubic-bezier(.19,1,.22,1)}.sf-btn-disc{color:#0c0c0b;background:#fdd70d;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.sf-btn-disc svg{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.sf-card:hover .sf-btn-face{transform:translateY(2px)}.sf-card:hover .sf-btn-label span{transform:translateY(-100%)}.sf-card:hover .sf-btn-disc svg{transition:rotate .45s cubic-bezier(.3,1.3,.5,1);rotate:360deg}}.sf-card:active .sf-btn-face{transition-duration:80ms;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.sf-ribbon span,.sf-badge .sticker-burst{animation:none}}