/* ==========================================================================
   WCA Button Widget — Prefixed Custom CSS
   Prefix: .wca-btn
   ========================================================================== */

a.wca-btn,
a.wca-btn:visited,
a.wca-btn:focus {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #111111;
    text-decoration: none !important;
    border: none;
    border-bottom: 1px solid #111111;
    padding-bottom: 0.25rem;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    box-sizing: border-box;
    align-self: flex-start;
    background: none;
    outline: none;
    cursor: pointer;
}

a.wca-btn::before,
a.wca-btn::after {
    display: none !important;
    content: none !important;
}

@media (min-width: 768px) {
    a.wca-btn {
        align-self: auto;
    }
}

a.wca-btn:hover {
    color: #DAA520;
    border-color: #DAA520;
    text-decoration: none !important;
}

.wca-btn__arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

a.wca-btn:hover .wca-btn__arrow {
    transform: translateX(4px);
}

/* ------------------------------------------------
   Wrapper Alignment
   ------------------------------------------------ */
.wca-btn-wrapper {
    display: flex;
    width: 100%;
}

.wca-btn-wrapper--left {
    justify-content: flex-start;
}

.wca-btn-wrapper--center {
    justify-content: center;
}

.wca-btn-wrapper--right {
    justify-content: flex-end;
}