.button{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border-radius:var(--radius-card);font-size:var(--font-size-headline);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--motion-standard), opacity var(--motion-standard);border:1px solid #0000;display:flex}.button--primary{background:var(--gradient-coral);color:var(--color-on-accent);box-shadow:0 4px 0 color-mix(in srgb, var(--color-shadow) 15%, transparent);border-color:#ffffff59}.button--primary:active{box-shadow:0 1px 0 color-mix(in srgb, var(--color-shadow) 15%, transparent);transform:translateY(3px)}.button--secondary{background:var(--color-surface);color:var(--color-text);border-color:#0000;position:relative}.button--secondary:active{opacity:.7}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary:after{content:"";border-radius:inherit;background:var(--gradient-card-edge);pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}