/**
 * ==========================================================================
 * StabilityTest Theme - Buttons Component
 * ==========================================================================
 *
 * Shared button styles used throughout the theme.
 *
 * Responsibilities:
 *
 * - Primary buttons
 * - Secondary buttons
 * - Reusable action buttons
 * - Consistent button styling
 *
 * Keep all button component styles isolated within this file.
 *
 * @package StabilityTest_Theme
 * @since 1.0.0
 * ==========================================================================
 */

.site-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    padding: 14px 22px;
    border-radius: var(--stabilitytest-radius-md);
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        opacity 0.2s ease;
}

.site-button--primary {
    background: var(--stabilitytest-color-primary);
    color: #000000;
}

.site-button--secondary {
    border: 1px solid var(--stabilitytest-color-primary);
    background: transparent;
    color: var(--stabilitytest-color-primary);
}

.site-button:hover {
    opacity: 0.9;
}