Resolução

.rodape{
    display: grid;
    grid-template-columns: auto 2fr auto 1fr repeat(3, auto) 1fr auto 1.5fr repeat(2, auto);
    grid-template-rows: repeat(2, 50%);
    align-items: center;
    column-gap: 0.5rem;
}

.rodape__imagem{
    grid-row: 1/3;
}

.barra__container--volume{
    grid-column: 11/12;
    grid-row: 2/2;
}

.rodape__botao--volume-down{
    grid-column: 12/13;
    grid-row: 2/2;
    justify-self: end;
}

.rodape__botao--volume-up{
    grid-column: 10/11;
    grid-row: 2/2;
    justify-self: end;
}

.rodape__subtitulo, .rodape__horario--inicio, .barra__container--reproducao, .rodape__botao--volume-down, .rodape__horario--termino, .barra__container--volume, .rodape__botao--volume-up  {
    grid-row: 2/3;
    align-items: center;
}

.rodape__botao--voltar{
    grid-column: 4/5;
}

.barra__container--reproducao{
    grid-column: 4/9;
}