.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding-inline: 28px; border-radius: var(--radius-pill); font-weight: 600; font-size: 1rem; transition: var(--transition); text-align: center; }
.button--primary { background-color: var(--color-primary); color: #fff; }
.button--primary:hover { background-color: var(--color-primary-dark); }
.button--outline { border: 1px solid var(--color-border); background-color: transparent; color: var(--color-text); }
.button--outline:hover { background-color: var(--color-background-soft); color: var(--color-heading); }
@media (max-width: 768px) { .button { min-height: 50px; padding-inline: 22px; } }