.players-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.player{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.4);
}

.disc{
    width:180px;
    height:180px;
    margin:auto;
    border-radius:50%;
    background-size:cover;
    background-position:center;
    position:relative;

    border:8px solid #222;

    animation:spin 6s linear infinite;
    animation-play-state:paused;
}

.disc.playing{
    animation-play-state:running;
}

.disc::after{
    content:"";
    width:24px;
    height:24px;
    background:#111;
    border-radius:50%;

    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

@keyframes spin{
    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

.song-info{
    text-align:center;
    margin-top:20px;
}

.song-title{
    font-size:22px;
    font-weight:bold;
    margin-bottom:8px;
}

.song-artist{
    color:#000000;
    font-size:15px;
}

.controls{
    display:flex;
    justify-content:center;
    margin-top:20px;
}

.play-btn{
    width:70px;
    height:70px;
    border:none;
    border-radius:50%;
    background:#2d2d2d;
    color:white;
    font-size:28px;
    cursor:pointer;
    transition:.2s;
}

.play-btn:hover{
    background:#444;
}