.sbtn{justify-content:center;align-items:center;gap:0;min-width:44px;min-height:44px;padding-inline:13px;text-decoration:none;display:inline-flex}.sbtn .sbtn-icon{flex:none}.sbtn .sbtn-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .35s var(--ease-out,ease), opacity .2s ease, margin-left .35s var(--ease-out,ease);margin-left:0;overflow:hidden}@media (hover:hover){.sbtn:hover .sbtn-label{opacity:1;max-width:9rem;margin-left:8px}}.sbtn:focus-visible .sbtn-label{opacity:1;max-width:9rem;margin-left:8px}@media (hover:none){.sbtn .sbtn-label{opacity:1;max-width:9rem;margin-left:8px}}@media (prefers-reduced-motion:reduce){.sbtn .sbtn-label{transition:none}}html[data-motion=reduced] .sbtn .sbtn-label{transition:none}.sbtn:has(.sbtn-extra) .sbtn-label{transition:max-width 1.1s var(--ease-out,ease), opacity .45s ease, margin-left .8s var(--ease-out,ease)}@media (hover:hover){.sbtn:has(.sbtn-extra):hover .sbtn-label{max-width:16em}}.sbtn:has(.sbtn-extra):focus-visible .sbtn-label{max-width:16em}@media (hover:none){.sbtn:has(.sbtn-extra) .sbtn-label{max-width:16em}}.sbtn .sbtn-extra{font-family:var(--mono);letter-spacing:.02em;text-transform:none;vertical-align:middle;font-size:.42em;font-weight:500}html[data-motion=reduced] .sbtn:has(.sbtn-extra) .sbtn-label{transition:none}