.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;font-family:inherit;line-height:1.5;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;outline:none}.btn:focus-visible{outline:2px solid #000;outline-offset:2px}.btn:hover:not(:disabled),a.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled),a.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:#000;color:#fff;border:none}.btn-primary:hover:not(:disabled),a.btn-primary:hover:not(:disabled){background-color:#1f2937;color:#fff}.btn-primary:active:not(:disabled),a.btn-primary:active:not(:disabled){background-color:#111827;color:#fff}.btn-secondary{background-color:#fff;color:#000;border:2px solid #000}.btn-secondary:hover:not(:disabled),a.btn-secondary:hover:not(:disabled){background-color:#f3f4f6;border-color:#000;color:#000}.btn-secondary:active:not(:disabled),a.btn-secondary:active:not(:disabled){background-color:#e5e7eb;color:#000}.btn-outline{background-color:transparent;color:#000;border:2px solid #000}.btn-outline:hover:not(:disabled),a.btn-outline:hover:not(:disabled){background-color:#000;color:#fff}.btn-outline:active:not(:disabled),a.btn-outline:active:not(:disabled){background-color:#1f2937;color:#fff}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem}.btn-large{padding:1rem 2rem;font-size:1.125rem;border-radius:.75rem}@media(max-width:640px){.btn-large{padding:.875rem 1.75rem;font-size:1rem}.btn-medium{padding:.625rem 1.25rem;font-size:.875rem}.btn-small{padding:.5rem .875rem;font-size:.8125rem}}