/* =====================================================
   winning-btn.css
   Global button styles — all solid, darker on hover
   ===================================================== */

.winning-btn {
    display: inline-block;
    padding: 14px 32px;
    border-radius: var(--wc-radius-pill);
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--wc-transition);
    text-align: center;
    border: none;
    color: var(--wc-white);
}

/* Yellow (primary) */
.winning-btn--yellow {
    background: var(--wc-yellow);
}
.winning-btn--yellow:hover { background: var(--wc-yellow-hover); }

/* Blue */
.winning-btn--blue {
    background: var(--wc-blue);
}
.winning-btn--blue:hover { background: var(--wc-blue-dark); }

/* Dark */
.winning-btn--dark {
    background: var(--wc-dark);
}
.winning-btn--dark:hover { background: var(--wc-grey-dark); }

@media (max-width: 1024px) {
    .winning-btn {
        padding: 13px 28px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .winning-btn {
        padding: 12px 24px;
        font-size: 14px;
    }
}