.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);min-width:80px}.btn-md{height:44px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg);min-width:100px}.btn-lg{height:52px;padding:0 var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg);min-width:120px}@media (max-width:768px){.btn-sm{height:42px;padding:0 var(--space-4);min-width:88px}.btn-md{height:50px;padding:0 var(--space-5)}.btn-lg{height:58px;padding:0 var(--space-6)}}.btn-primary{background:linear-gradient(135deg,var(--color-brand-primary)0%,#0077ed 100%);color:#fff;box-shadow:0 4px 14px #0071e340}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-primary-hover)0%,#06c 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 30px #0071e366}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 4px 15px #0071e340}.btn-secondary{background-color:var(--color-brand-secondary);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-brand-secondary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-brand-primary);color:#fff}.btn-ghost{color:var(--color-brand-primary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-brand-primary-light)}.btn-dark{background-color:var(--color-bg-dark);color:#fff}.btn-dark:hover:not(:disabled){background-color:var(--color-bg-dark-elevated);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-light{color:var(--color-text-primary);background-color:#fff}.btn-light:hover:not(:disabled){background-color:var(--color-bg-secondary);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #0000001a}.btn-full{width:100%}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-loading{pointer-events:none}.btn-loading .btn-text{opacity:0}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite btn-spin;position:absolute}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon svg,.btn-icon i{width:1em;height:1em;font-size:1.1em}.btn-icon-left{margin-right:var(--space-1)}.btn-icon-right{margin-left:var(--space-1)}.btn-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-group-vertical{flex-direction:column}@media (max-width:480px){.btn-group-responsive{flex-direction:column}.btn-group-responsive .btn{width:100%}}