.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;line-height:1.2;padding:14px 20px;border-radius:var(--sh-radius);border:1px solid transparent;cursor:pointer;text-align:center}
.sh-btn--sm{font-size:14px;gap:8px;padding:11px 16px;border-radius:var(--sh-radius-sm)}
.sh-btn--lg{padding:15px 24px}
.sh-btn--block{display:flex;width:100%;font-size:15px;gap:8px;padding:13px}
.sh-btn-primary{color:var(--sh-on-dark);background:var(--sh-primary)}
.sh-btn-primary:hover{color:var(--sh-on-dark);background:var(--sh-primary-dark)}
.sh-btn-outline{color:var(--sh-ink);background:transparent;border-color:var(--sh-border-input)}
.sh-btn-outline:hover{color:var(--sh-ink);background:var(--sh-bg-tint)}
.sh-btn-white{color:var(--sh-primary);background:var(--sh-bg)}
.sh-btn-white:hover{color:var(--sh-primary);background:var(--sh-primary-tint-10)}
.sh-btn-white-accent{color:var(--sh-accent-text);background:var(--sh-bg)}
.sh-btn-white-accent:hover{color:var(--sh-accent-text);background:var(--sh-accent-tint)}
.sh-btn-bright{color:var(--sh-on-dark);background:var(--sh-primary-bright)}
.sh-btn-bright:hover{color:var(--sh-on-dark);background:var(--sh-primary)}
.sh-pill{font-size:14px;font-weight:500;background:var(--sh-glass-15);padding:7px 12px;border-radius:999px}
.sh-tag-accent{align-self:flex-start;font-size:14px;font-weight:700;color:var(--sh-on-accent);background:var(--sh-accent);padding:5px 10px;border-radius:6px}
.sh-toggle{display:flex;gap:4px;padding:4px;background:var(--sh-accent);border-radius:var(--sh-radius)}
.sh-toggle button{appearance:none;border:0;font-size:14px;font-weight:600;padding:8px 14px;border-radius:7px;cursor:pointer;background:transparent;color:var(--sh-on-accent)}
.sh-toggle button.is-active{background:var(--sh-bg);color:var(--sh-accent-text);box-shadow:var(--sh-shadow-sm)}
@media (max-width:600px){
.sh-btn{width:100%}
.sh-btn--sm{width:auto}
}