:root {
    --play: rgb(245, 165, 44);
    --pause: #fff;
}

/* 
.music-box {
    background: #ff8636;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.3s;
} */

/* .music-box.playing {
    background: #36ff3f;
} */

.music-box audio {
    display: none;
}

.music-box .btn {
    /* padding: 20px; */
    /* margin: 100px auto 50px; */
    /* display: block; */
    cursor: pointer;
    border: none;
    border-radius: 10px 0px;
    transition: all 0.3s;

    margin-left: 10px;

    animation: pulse 1.5s infinite;
}

.music-box .btn .fa {
    font-size: 24px;
    color: #fff;
}

.music-box .btn.play {
    background: var(--play);
}

.music-box .btn.pause {
    background: var(--pause);
    transform: rotate(90deg);
}

.music-box .btn.pause .fa {
    transform: rotate(-90deg);
    color: #000;
}