/* Variables: active variables stylesheet selected by the master layout. */

.contact-submit,
#site-news .news-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--site-button-padding);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.7;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--site-button-color) !important;
    background: var(--site-button-background);
    border: none;
    border-radius: var(--site-button-radius);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    box-shadow: var(--site-button-shadow);
}

.contact-submit:hover,
#site-news .news-button:hover {
    background: var(--site-button-hover-background);
    color: var(--site-button-color) !important;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: var(--site-button-hover-shadow);
}

.contact-submit:active,
#site-news .news-button:active { transform: translateY(0) scale(0.99); }

.contact-submit:focus-visible,
#site-news .news-button:focus-visible {
    outline: 2px solid var(--site-button-focus-color);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .contact-submit, #site-news .news-button { transition: none; }
}