.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);letter-spacing:-.01em;cursor:pointer;border:none;font-family:inherit;font-weight:400;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn--primary{color:var(--color-button-text);border-radius:var(--border-radius-pill);background:linear-gradient(135deg,#000816 0%,#0b3a66 100%);outline:none;transition:opacity .3s,transform .15s,background .3s}.btn--primary:hover{color:var(--color-button-text);opacity:.95;background:linear-gradient(135deg,#0b3a66 0%,#0d4a80 100%);transform:translateY(-1px)}.btn--primary:active{opacity:.9;background:linear-gradient(135deg,#000816 0%,#0b3a66 100%);transform:translateY(0)}.btn--primary:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-accent-primary);background:linear-gradient(135deg,#000816 0%,#0b3a66 100%)}.btn--secondary{color:var(--color-text-primary);border-radius:var(--border-radius-pill);background-color:#0000000f}.btn--secondary:hover{background-color:#00000017}.btn--outline{color:var(--color-text-primary);border-radius:var(--border-radius-pill);background-color:#0000;border:1px solid #0a162833}.btn--outline:hover{border-color:var(--color-text-primary);background-color:#0a16280d}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.btn--md{padding:12px var(--spacing-md);font-size:.9375rem}.btn--lg{padding:var(--spacing-sm) var(--spacing-md-lg);font-size:1rem}