/* ============================================================
   DRE GLOBAL AUDIO BUTTON — FIXED & FULLY OVERRIDE-PROOF
   States:
   - Passive: blue bg / white text
   - Hover: lighter blue
   - Active/Playing: white bg / blue text
   - After pressed: returns to passive state (NO WP override)
============================================================ */

.dre-audio-btn{
    background:#18a5dd !important;      /* blue */
    color:#fff !important;               /* white text */
    padding:8px 20px;
    border:none !important;
    border-radius:50px !important;
    font-weight:700;
    font-size:0.95rem;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    letter-spacing:0.2px;
    box-shadow:0 2px 4px rgba(0,0,0,.14);
    transition:
        background .2s ease,
        color .2s ease,
        transform .15s ease;
    font-family:"Nunito",sans-serif !important;

    /* OVERRIDE ALL WP BUTTON STYLES */
    box-sizing:border-box !important;
    text-decoration:none !important;
    appearance:none !important;
}

/* Icon */
.dre-audio-btn::before{
    content:"▶";
    font-size:1rem;
    font-weight:800;
}

/* ============================================================
   HOVER — lighter blue, gentle float
============================================================ */
.dre-audio-btn:hover:not(.playing){
    background:#36b7eb !important;
    color:#fff !important;
    transform:translateY(-1px);
}

/* ============================================================
   PRESSED / PLAYING STATE
   - micro grow + shrink animation
============================================================ */
.dre-audio-btn:active{
    transform:scale(0.94) !important;
}

.dre-audio-btn.playing{
    background:#fff !important;
    color:#18a5dd !important;
    border:2px solid #18a5dd !important;
    box-shadow:none !important;

    /* steady look, no hover allowed */
    transform:scale(0.96) !important;
}

.dre-audio-btn.playing:hover{
    background:#fff !important;
    color:#18a5dd !important;
    transform:scale(0.96) !important;
}

/* =========*