.c-button,
.button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 22px;
border: 1px solid transparent;
border-radius: var(--radius-sm);
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.c-button:hover,
.button:hover { transform: translateY(-2px); }
.c-button--primary,
.button-primary {
background: var(--color-primary);
color: #fff;
}
.c-button--primary:hover,
.button-primary:hover {
background: var(--color-primary-dark);
color: #fff;
}
.c-button--ghost,
.button-secondary {
background: transparent;
color: var(--color-primary);
border-color: var(--color-primary);
}
.c-button--ghost:hover,
.button-secondary:hover {
background: var(--color-primary);
color: #fff;
}