.je-color {
  border-color: #7b93b9;
  color: #7b93b9;
}

.je-color.active:after {
  background: #7b93b9;
}

.st-Header.st-Header--ArtistTop .je-color {
  border-color: #7b93b9;
  color: #7b93b9;
}

.st-Header.st-Header--ArtistTop .je-color.active:after {
  background: #7b93b9;
}

.je-headingColor {
  background: linear-gradient(300deg, #c1d5d5, #9cb3c0, #c596c3);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.je-headingColor .label em {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.je-headingColor .label:before {
  background: linear-gradient(300deg, #c1d5d5, #9cb3c0, #c596c3);
}

@media all and (-ms-high-contrast: none) {
  .je-headingColor .label:before {
    background: none;
  }
}

.je-headingColor .label.label--disc {
  border-color: #7b93b9 !important;
}

@media all and (-ms-high-contrast: none) {
  .je-headingColor *::-ms-backdrop, .je-headingColor {
    color: #7b93b9;
    background: none;
  }
  .je-headingColor *::-ms-backdrop .label, .je-headingColor .label {
    border-color: #7b93b9;
  }
}

.button {
  position: relative;
}

.button .button--bg:after {
  display: block;
  background: url(../img/kv-blur.jpg);
  background-size: cover;
}

@media all and (-ms-high-contrast: none) {
  .button .button--bg *::-ms-backdrop, .button .button--bg:after {
    opacity: 0;
  }
}

.button .button--bg {
  background: linear-gradient(300deg, #d1d1d1, #abaaa9, #d099b0);
  background-size: 100% 100%;
}

#scrollTop span {
  background: linear-gradient(300deg, #9cb3c0, #c596c3) !important;
}

#scrollTop:before, #scrollTop:after {
  background: linear-gradient(300deg, #9cb3c0, #c596c3) !important;
}

#scrollTop:before {
  background: linear-gradient(240deg, #9cb3c0, #c596c3) !important;
}

#scrollTop:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #9cb3c0), color-stop(140%, #c596c3)) !important;
  background: linear-gradient(360deg, #9cb3c0 -40%, #c596c3 140%) !important;
}
