/*
   =========================================================
   ZOOM PHOTO STUDIO - BUTTONS.CSS v1.0
   =========================================================
*/

.zoom_button {
    display: inline-flex;
    min-height: 48px;
    padding: 12px 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--zoom-charcoal);
    font-family: var(--zoom-sans);
    font-size: var(--zoom-button-size);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.zoom_button_dark {
    background: var(--zoom-charcoal);
    color: var(--zoom-white);
}

.zoom_button_outline {
    background: transparent;
    color: var(--zoom-charcoal);
}

.zoom_button_gold_hover:hover,
.zoom_button_gold_hover:focus-visible {
    background: var(--zoom-gold);
    border-color: var(--zoom-gold);
    color: var(--zoom-white);
}

.zoom_text_link {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    color: var(--zoom-charcoal);
    font-size: var(--zoom-link-size);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
}

.zoom_text_link span {
    color: var(--zoom-gold);
    transition: transform 0.2s ease;
}

.zoom_text_link:hover span {
    transform: translateX(4px);
}