CÓDIGO - Botão flutuante animado para reproduzir áudio

Preciso tirar dúvidas e ter suporte Funcionalidades
1

Bom dia, Pessoal!

Compartilho com vocês o código com base no titulo.

Para mudar o áudio basta copiar o link do Dropbox.

Botão Flutuante de Áudio .float-button { position: fixed; bottom: calc(6cm - 60px); right: 20px; background-color: #007bff; color: #fff; border: none; border-radius: 50%; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: background-color 0.2s ease-in-out; } 
.float-button:focus {
  outline: none;
}

.float-button.playing {
  background-color: #007bff;
  animation: pulsate 1s infinite;
}

.float-button.paused {
  background-color: #dc3545;
}

.float-button .start-icon {
  display: inline-block;
}

.float-button .pause-icon {
  display: none;
}

@keyframes pulsate {
  0% {
    transform: scale(1);
  }
  50% {
2 curtidas
2

Obrigado pela contribuição @Wesley_Nunes! Deixo como sugestão, compartilhar código usando esta ferramenta → https://jsfiddle.net/

Ou selecionando seu código, como neste exemplo abaixo:

3

Você esqueceu de dizer que esse código não rodou porque está com algum erro ou faltando alguma coisa. Copiei e colei no jsfiddle e não rodou. Você fez isso? Rodou?

@Wesley_Nunes Dá uma checada no código e compartilha novamente, me interessei.