.tsl-social-links {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tsl-social-link {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(210, 210, 215, 0.82);
  border-radius: 999px;
  color: var(--ink, #1d1d1f);
  background: rgba(255, 255, 255, 0.76);
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, color 180ms ease, background 180ms ease, border-color 180ms ease;
}

.site-footer .tsl-social-link {
  width: 34px;
  height: 34px;
  background: #f5f5f7;
}

.tsl-social-icon,
.tsl-social-link svg {
  display: block;
  width: 18px;
  height: 18px;
}

.tsl-social-link:hover,
.tsl-social-link:focus-visible {
  color: #fff;
  transform: translateY(-1px);
  outline: none;
}

.tsl-social-link--instagram:hover,
.tsl-social-link--instagram:focus-visible {
  background: #d62976;
  border-color: #d62976;
}

.tsl-social-link--facebook:hover,
.tsl-social-link--facebook:focus-visible {
  background: #1877f2;
  border-color: #1877f2;
}

.tsl-social-link--youtube:hover,
.tsl-social-link--youtube:focus-visible {
  background: #ff0033;
  border-color: #ff0033;
}

.tsl-social-link--tiktok:hover,
.tsl-social-link--tiktok:focus-visible {
  background: #111113;
  border-color: #111113;
}

.site-footer .tsl-social-links--footer {
  align-items: center;
  gap: 8px;
}

@media (max-width: 1040px) {
  .site-header .tsl-social-links--header,
  .internal-header .tsl-social-links--header {
    display: none;
  }
}

@media (max-width: 680px) {
  .site-footer .tsl-social-links--footer {
    width: 100%;
    padding-top: 2px;
  }
}