.btn-component{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:all var(--transition-base);pointer-events:auto!important;-webkit-tap-highlight-color:transparent}.btn-component-sm{width:40px;height:40px;font-size:14px}.btn-component-md{height:40px;padding:0 16px;font-size:14px}.btn-component-lg{height:48px;padding:0 20px;font-size:15px}.btn-component-xl{height:56px;padding:0 26px;font-size:16px}.btn-component-primary{background:var(--primary-color)!important;color:var(--color-on-primary)!important}.btn-component-secondary{background:var(--color-secondary)!important;color:var(--color-on-primary)!important}.btn-component-success{background:var(--color-success)!important;color:var(--color-on-primary)!important}.btn-component-danger{background:var(--color-danger)!important;color:var(--color-on-primary)!important}.btn-component-ghost{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)}.btn-component-pink{background:var(--primary-color)!important;color:var(--color-on-primary)!important;border:1px solid var(--color-border)}.btn-component-link{background:none!important;color:var(--color-secondary)!important;padding:0}.btn-component:hover{opacity:.95!important;transform:none}.btn-component:active{transform:translateY(0) scale(.98)!important}.btn-component-ghost:hover{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border:1px solid var(--primary-color)}.btn-component:disabled,.btn-loading{opacity:.6!important;cursor:not-allowed;transform:none!important}.btn-text-component{display:inline-flex;align-items:center;min-width:0}.btn-icon-component{display:inline-flex;align-items:center;width:18px;height:18px}.btn-spinner-component{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--color-on-primary)!important;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn-component-cta-size{height:var(--btn-cta-height)!important;min-height:var(--btn-cta-height)!important;padding:0 var(--btn-cta-padding-x)!important;font-size:var(--btn-cta-font-size)!important}.btn-component-block{width:100%}.btn-component-google{background:#ffffff;color:#202124;border:1px solid rgba(0,0,0,.12)}.btn-component-google:hover{background:#f8f9fa;color:#202124}.btn-component-google .btn-text-component{color:inherit}.btn-component-ghost.active{background:var(--primary-color)!important;color:var(--color-on-primary)!important}@media screen and (max-width:1024px){.btn-component-xl{height:52px;padding:0 24px;font-size:15px}.btn-component-lg{height:44px;padding:0 18px;font-size:14px}}@media screen and (max-width:768px){.btn-component{gap:var(--spacing-2);border-radius:var(--radius-sm)}.btn-component-xl{height:48px;padding:0 20px;font-size:14px}.btn-component-lg{height:42px;padding:0 16px;font-size:14px}.btn-component-md{height:38px;padding:0 14px;font-size:13px}.btn-component-sm{width:36px;height:36px;font-size:13px}.btn-icon-component{width:16px;height:16px}.btn-spinner-component{width:12px;height:12px}}@media screen and (max-width:480px){.btn-component{gap:var(--spacing-1);border-radius:var(--radius-sm)}.btn-component-xl{height:44px;padding:0 16px;font-size:13px}.btn-component-lg{height:40px;padding:0 14px;font-size:13px}.btn-component-md{height:32px;padding:0 var(--spacing-4);font-size:var(--font-xs)}.btn-component-sm{width:32px;height:32px;font-size:12px}.btn-icon-component{width:14px;height:14px}.btn-spinner-component{width:11px;height:11px}.btn-component:hover{transform:none}}