.btn{cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-heading);border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:14px 24px;transition:all .2s;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0a3d624d}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;border:none;box-shadow:0 4px 15px #0b1e3333}.btn-primary:hover{background:#010810;box-shadow:0 8px 25px #0b1e334d,0 0 15px #123a6f33}.btn-accent{background:var(--color-accent);color:var(--color-primary);border:none;box-shadow:0 4px 15px #f5c36a4d}.btn-accent:hover{background:#e5b35a;box-shadow:0 8px 25px #f5c36a66,0 0 20px #f5c36a33}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-outline-white{color:#fff;background:0 0;border:2px solid #fffc}.btn-outline-white:hover{color:var(--color-primary);background:#fff}.btn-success{background-color:var(--color-secondary);color:var(--color-surface)}.btn-success:hover{background-color:#27ae60;box-shadow:0 4px 12px #2ecc714d}