.player [data-player-button] {
    font-size: 24.3px;
    color: #FFF;
    border: none;
}
.grid-buttons [data-player-button] {
    opacity: 0;
    background: #fff;
    width: 1.66667em;
    height: 1.66667em;
    font-size: 1em;
    opacity: 0;
    border: none;
    border-radius: 50%;
}
.grid-buttons:has([data-player-button].pause) [data-player-button],
.grid-buttons:hover [data-player-button] {
    opacity: 1;
}

.tracklist-tracks [data-player-button] {
    background: linear-gradient(#d0dadf, #aabac2);
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: none;
}
.tracklist-tracks [data-player-button]:hover {
    opacity: 1;
    background: linear-gradient(#f99d1c, #ff007e);
}

.tracklist-head__info [data-player-button] {
    background: #f99d1c;
    border-radius: 5px;
    padding: 0 .83333rem;
    height: 2.22222rem;
    line-height: 2.22222rem;
    cursor: pointer;
    color: #fff;
    border: none;
    box-shadow: none;
}

[data-player-button]::before {
    line-height: normal;
}
[data-player-button].play::before {
    content: '\e939';
}
[data-player-button].pause::before {
    content: '\e93c';
}

[data-volume-button] {
    transform: translateX(-50%);
}
[data-volume-button]:hover {
    transform: translateX(-50%) scale(1.1) !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

[data-volume-status="muted"]::before {
    content: '\e941';
}