div[id^=block-mainsociallinks] .contextual {
  display: none;
}
div[id^=block-mainsociallinks] ul.links {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
div[id^=block-mainsociallinks] ul.links li {
  display: inline-block;
  margin: 10px;
}
div[id^=block-mainsociallinks] ul.links li a {
  width: 30px;
  height: 20px;
  display: block;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
}
div[id^=block-mainsociallinks] ul.links li.facebook a {
  background-image: url(../../images/icons/icon-facebook.svg);
}
div[id^=block-mainsociallinks] ul.links li.youtube a {
  background-image: url(../../images/icons/icon-youtube.svg);
}
div[id^=block-mainsociallinks] ul.links li.twitter a {
  background-image: url(../../images/icons/icon-twitter.svg);
}
div[id^=block-mainsociallinks] ul.links li.instagram a {
  background-image: url(../../images/icons/icon-instagram.svg);
}
div[id^=block-mainsociallinks] ul.links li.spotify a {
  background-image: url(../../images/icons/icon-spotify.svg);
}

.role-anonymous div[id^=block-mainsociallinks] ul.links li,
.path-frontpage div[id^=block-mainsociallinks] ul.links li,
.path-backstages div[id^=block-mainsociallinks] ul.links li,
.page-node-type-backstage div[id^=block-mainsociallinks] ul.links li,
.page-node-type-page div[id^=block-mainsociallinks] ul.links li {
  position: relative;
}
.role-anonymous div[id^=block-mainsociallinks] ul.links li a,
.path-frontpage div[id^=block-mainsociallinks] ul.links li a,
.path-backstages div[id^=block-mainsociallinks] ul.links li a,
.page-node-type-backstage div[id^=block-mainsociallinks] ul.links li a,
.page-node-type-page div[id^=block-mainsociallinks] ul.links li a {
  width: 48px;
  height: 48px;
  border: 1px solid #1E2643;
  border-radius: 50px;
  background-size: 20px;
  background-position: center;
}