body {
  background-image: url("foto.jpeg");
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  font-family: Arial, sans-serif;
}

/* título */
.titulo {
  margin-top: 30px;
}

/* capa */
.capa {
  width: 250px;
  border-radius: 12px;
  margin: 20px 0;
}

/* texto */
.escute {
  margin-bottom: 20px;
  font-size: 18px;
}

/* container dos botões */
.botoes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

/* botão base */
.btn {
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition: 0.3s;
}

/* cores individuais */
.spotify { background: #1db954; }
.yt { background: #ff0000; }
.apple { background: #ff2d55; }
.deezer { background: #111; }
.audio { background: #f5a623; }
.amazon { background: #00a8e1; }

/* hover */
.btn:hover {
  transform: scale(1.08);
  opacity: 0.9;
}
/* botão com ícone */
.btn {
  display: flex;
  align-items: center;
  gap: 10px; /* espaço entre ícone e texto */

  padding: 12px 18px;
  border-radius: 10px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition: 0.3s;
}

/* imagem do botão */
.btn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}