:root{--btn-r:var(--r-ctrl);--btn-h-sm:44px;--btn-h:48px;--btn-h-lg:56px;--btn-fill:var(--soft-coral);--btn-fill-hover:var(--soft-coral-deep);--btn-store:color-mix(in srgb, var(--mark) 70%, var(--card));--btn-store-hover:var(--mark);--btn-store-edge:color-mix(in srgb, var(--brass) 55%, var(--ink));--btn-edge:var(--control-border)}.button{justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;min-block-size:var(--btn-h);border:2px solid var(--btn-edge);border-radius:var(--btn-r);background:var(--card);min-inline-size:44px;color:var(--ink);box-shadow:none;font:700 1.0625rem/1.25 var(--font-body);text-align:center;overflow-wrap:break-word;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:.5rem 1.25rem;text-decoration:none;display:inline-flex}.button:visited{color:var(--ink)}.button svg{flex:none;block-size:1.25em;inline-size:1.25em}.button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover){.button:hover{background:var(--soft-pine-tint)}}.button:active{translate:0 1px}.button-primary{min-block-size:var(--btn-h-lg);border-color:var(--btn-fill);background:var(--btn-fill);color:var(--ink)}@media (hover:hover){.button-primary:hover{border-color:var(--btn-fill-hover);background:var(--btn-fill-hover)}}.button-outline{min-block-size:var(--btn-h-lg);background:var(--card)}.button-link{min-block-size:44px;color:var(--primary);text-underline-offset:.2em;background:0 0;border-color:#0000;padding-inline:0;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.button-link:visited{color:var(--primary)}@media (hover:hover){.button-link:hover{color:var(--ink);background:0 0;text-decoration-thickness:2px}}.button-store,.lg-go{min-block-size:var(--btn-h-lg);border-color:var(--btn-store-edge);background:var(--btn-store);color:var(--ink);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--brass) 45%, transparent)}.lg-go{border-color:color-mix(in srgb, var(--cranberry) 45%, var(--blush));background:var(--blush);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--cranberry) 25%, transparent)}.button-store{padding-inline:.75rem}.button-store:visited,.lg-go:visited{color:var(--ink)}@media (hover:hover){.button-store:hover{border-color:var(--btn-store-edge);background:var(--btn-store-hover);text-decoration:underline}.lg-go:hover{background:var(--blush);text-decoration:underline}}.button-store:focus-visible{text-decoration:underline}.button-store .btn-store{white-space:nowrap}.button-store .btn-price:after{content:"​"}.home2-showcase .button-store{padding-inline:.5rem;font-size:1rem}.button-icon{min-block-size:44px;inline-size:44px;color:var(--muted);background:0 0;border-color:#0000;padding:0}.button-icon svg{block-size:22px;inline-size:22px}@media (hover:hover){.button-icon:hover{color:var(--ink);background:var(--soft-pine-tint)}}.button-sm{min-block-size:var(--btn-h-sm);padding:.375rem 1rem;font-size:1rem}.button-md{min-block-size:var(--btn-h)}.button-lg{min-block-size:var(--btn-h-lg);padding-inline:1.5rem}.button-full{inline-size:100%}.button:is(:disabled,[aria-disabled=true]):not([aria-busy=true]){border-color:var(--border-ui);background:var(--wall);color:var(--muted);box-shadow:none;cursor:not-allowed;text-decoration:none;translate:none}.button:is(.button-link,.button-icon):is(:disabled,[aria-disabled=true]):not([aria-busy=true]){background:0 0;border-color:#0000}.button.button-link:is(:disabled,[aria-disabled=true]):not([aria-busy=true]){color:var(--muted);text-decoration:none}.button.button-icon:is(:disabled,[aria-disabled=true]):not([aria-busy=true]){color:color-mix(in srgb, var(--muted) 55%, transparent)}.button[aria-busy=true]{cursor:progress;pointer-events:none}.button[aria-busy=true]:after{content:"";border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:1em;inline-size:1em}@media (prefers-reduced-motion:no-preference){.button[aria-busy=true]:after{animation:.8s linear 6 button-turn}}@keyframes button-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button[aria-busy=true]:after{opacity:.5;border-inline-end-color:currentColor;animation:none}.button:active{translate:none}}@media (forced-colors:active){.button{border-color:buttontext}}.button[data-demo=hover]{background:var(--soft-pine-tint)}.button-primary[data-demo=hover]{border-color:var(--btn-fill-hover);background:var(--btn-fill-hover)}.button-store[data-demo=hover]{border-color:var(--btn-store-edge);background:var(--btn-store-hover);text-decoration:underline}.button-link[data-demo=hover]{color:var(--ink);background:0 0;text-decoration-thickness:2px}.button[data-demo=focus]{outline:3px solid var(--focus);outline-offset:2px}
