.spotify-embed {
  position: relative;
  text-align: center;
}
.spotify-embed__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 180px 20px 88px;
  color: var(--music-text-color);
}
@media only screen and (max-width: 991.98px) {
  .spotify-embed__content {
    padding: 150px 20px 50px;
  }
}
.spotify-embed__content::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--music-gradient-overlay);
}
.spotify-embed__content .heading {
  letter-spacing: 3px;
  font-size: 60px;
  color: var(----music-text-color);
}
@media only screen and (max-width: 991.98px) {
  .spotify-embed__content .heading {
    font-size: 40px;
  }
}
.spotify-embed__content .secondary-heading {
  font-family: "acumin-pro", sans-serif;
  letter-spacing: 1.2px;
  font-size: 24px;
  color: var(----music-text-color);
  margin-bottom: 5px;
}
.spotify-embed__content .text-content {
  letter-spacing: 0.54px;
  font-size: 18px;
}
.spotify-embed__content picture,
.spotify-embed__content img:not(.play-icon):not(.pause-icon):not(.content-btn img):not(.logo) {
  pointer-events: none;
  inset: 0;
  z-index: -2;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.spotify-embed__button {
  display: inline-block;
  padding: 19px 34px;
  text-decoration: none;
  letter-spacing: 2.52px;
  font-size: 14px;
  border-radius: 0;
  border: none;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991.98px) {
  .spotify-embed__button {
    padding: 15px 27px;
  }
}
.spotify-embed__button.music-button-1 {
  color: var(--music-button-1-color);
  background: var(--music-button-1-bg-color);
}
.spotify-embed__button.music-button-2 {
  color: var(--music-button-2-color);
  background: var(--music-button-2-bg-color);
}
.spotify-embed__spotify {
  width: 100%;
  margin: 10px 0 46px;
  padding: 0 30px;
  max-width: 730px;
}
@media only screen and (max-width: 991.98px) {
  .spotify-embed__spotify {
    margin: 10px 0 20px;
  }
}
.spotify-embed__spotify iframe {
  min-height: 500px;
}
@media only screen and (max-width: 991.98px) {
  .spotify-embed__spotify iframe {
    min-height: 300px;
  }
}