/* =========================================================
   ZV AUDIO PLAYER
   Zelená výstava
   ========================================================= */

.zv-player{
    text-align:center;
    margin:15px 0;
}

/* Kulaté tlačítko */

.zv-btn{

    width:90px;
    height:90px;

    margin:0 auto;

    border-radius:50%;

    background:linear-gradient(#eeeeee,#a8a8a8);

    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.45),
        0 5px 15px rgba(0,0,0,.30);

    cursor:pointer;

    position:relative;

    display:flex;
    justify-content:center;
    align-items:center;

    transition:transform .2s ease;
}

.zv-btn:hover{
    transform:scale(1.05);
}

.zv-btn:active{
    transform:scale(.96);
}

/* PLAY */

.zv-play{

    width:0;
    height:0;

    border-top:16px solid transparent;
    border-bottom:16px solid transparent;
    border-left:26px solid #fff;

    margin-left:6px;
}

/* PAUSE */

.zv-pause{

    display:none;

    width:24px;
    height:32px;

    justify-content:space-between;
    align-items:center;
}

.zv-pause span{

    width:7px;
    height:32px;

    background:#fff;

    display:block;
}

/* Aktivní přehrávání */

.zv-player.playing .zv-play{
    display:none;
}

.zv-player.playing .zv-pause{
    display:flex;
}

/* Mobil */

@media (max-width:768px){

    .zv-btn{

        width:80px;
        height:80px;

    }

    .zv-play{

        border-top:14px solid transparent;
        border-bottom:14px solid transparent;
        border-left:22px solid #fff;

    }

    .zv-pause{

        width:20px;
        height:28px;

    }

    .zv-pause span{

        width:6px;
        height:28px;

    }

}
.zv-status{
    margin-top:12px;
    min-height:18px;
    color:#888;
    font-size:14px;
    font-weight:bold;
    letter-spacing:.5px;
}