.youtube-mark {
  position: relative;
  display: block;
  width: 18px;
  height: 12px;
  border-radius: 4px;
  background: currentColor;
}

.youtube-mark::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 7px;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #fff;
}

.socials a:hover .youtube-mark {
  background: #fff;
}

.socials a:hover .youtube-mark::after {
  border-left-color: #8b3a4c;
}

.socials a[aria-label="TikTok"] svg {
  width: 13px;
  height: 13px;
}