/*
VideoLink - Styling for Template / Widget VideoLink
See detailed documentation in Dev/mediawiki
*/

.video-link {
  margin: 0 .2em;
}

.video-link:not(.style-subtle) {
  border: .1em solid #fff;
  box-shadow: .05em .05em .2em rgb(0 0 0/.1);
  border-radius: .25em;
  padding: .15em .2em .2em .25em;
  background: #fff;
  margin: 0 .4em 0 .2em;
}

.video-link .indicator img {
  height: 1em;
  vertical-align: middle;
}

.video-link .icons {
  color: #777;
}

.video-link .icons a {
  display: inline-block;
}

.video-link .icons a:not(:last-child) {
  margin-right: .2em;
}

.video-link .icons a:hover {
  display: inline-block;
  transform: scale(1.3);
}

.video-link .icons a > img {
  height: 1em;
  width: auto;
  vertical-align: top;
  position: relative;
  top: .3em;
}

.video-link:not(.style-subtle) .text {
  margin: 0 .3em 0 .1em;
}

.video-link .text {
  padding: 0 .2em .04em;
}

.video-link:not(.style-subtle) .text {
  background: #f4f4f4;
  border-radius: .2em;
}

.video-link .text a {
  padding-left: 0;
  color: #2575c5 !important;
}

.video-link .text .ext-link-to-archive {
  display: none;
}