/* Social profile buttons (footer + home) */
.footer__social .button.button--social,
.footer__social button.button--social,
.social__buttons .button.button--social,
.social__buttons button.button--social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.footer__social .button.button--social svg,
.footer__social button.button--social svg,
.social__buttons .button.button--social svg,
.social__buttons button.button--social svg {
  display: block;
  height: 24px;
  width: 24px;
}

/* Override legacy Facebook positioning. */
.footer__social .button.button--social .facebook__icon,
.footer__social button.button--social .facebook__icon,
.social__buttons .button.button--social .facebook__icon,
.social__buttons button.button--social .facebook__icon {
  margin-top: 0;
}

.no-js .button.button--social--x:hover,
.no-js .button.button--social--x:focus,
.js.no-touch .button.button--social--x:hover,
.js.no-touch .button.button--social--x:focus,
.js.touch .button.button--social--x:active,
.no-js button.button--social--x:hover,
.no-js button.button--social--x:focus,
.js.no-touch button.button--social--x:hover,
.js.no-touch button.button--social--x:focus,
.js.touch button.button--social--x:active {
  background-color: #000;
}

.no-js .button.button--social--instagram:hover,
.no-js .button.button--social--instagram:focus,
.js.no-touch .button.button--social--instagram:hover,
.js.no-touch .button.button--social--instagram:focus,
.js.touch .button.button--social--instagram:active,
.no-js button.button--social--instagram:hover,
.no-js button.button--social--instagram:focus,
.js.no-touch button.button--social--instagram:hover,
.js.no-touch button.button--social--instagram:focus,
.js.touch button.button--social--instagram:active {
  background-color: #d6249f;
  background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.no-js .button.button--social--youtube:hover,
.no-js .button.button--social--youtube:focus,
.js.no-touch .button.button--social--youtube:hover,
.js.no-touch .button.button--social--youtube:focus,
.js.touch .button.button--social--youtube:active,
.no-js button.button--social--youtube:hover,
.no-js button.button--social--youtube:focus,
.js.no-touch button.button--social--youtube:hover,
.js.no-touch button.button--social--youtube:focus,
.js.touch button.button--social--youtube:active {
  background-color: #ff0000;
}

.no-js .button.button--social--tiktok:hover,
.no-js .button.button--social--tiktok:focus,
.js.no-touch .button.button--social--tiktok:hover,
.js.no-touch .button.button--social--tiktok:focus,
.js.touch .button.button--social--tiktok:active,
.no-js button.button--social--tiktok:hover,
.no-js button.button--social--tiktok:focus,
.js.no-touch button.button--social--tiktok:hover,
.js.no-touch button.button--social--tiktok:focus,
.js.touch button.button--social--tiktok:active {
  background-color: #000;
}