.cta-button { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 600; border-radius: 8px; transition: all 0.2s ease; cursor: pointer; border: 2px solid transparent; }
.cta-button--small { padding: 8px 16px; font-size: 14px; }
.cta-button--medium { padding: 12px 24px; font-size: 16px; }
.cta-button--large { padding: 16px 32px; font-size: 18px; }
.cta-button--primary { background: #0f3460; color: #fff; }
.cta-button--primary:hover { background: #0a2540; }
.cta-button--secondary { background: #e8e8e8; color: #1a1a2e; }
.cta-button--secondary:hover { background: #d0d0d0; }
.cta-button--outline { background: transparent; border-color: currentColor; color: #0f3460; }
.cta-button--outline:hover { background: #0f3460; color: #fff; }
.cta-button--ghost { background: transparent; color: #0f3460; }
.cta-button--ghost:hover { background: rgba(15,52,96,0.08); }