.contact-links {
  container-type: inline-size;
  position: relative;
}
.contact-links-vertical .contact-links-inner {
  flex-direction: column;
}
@container (width <= calc(768px)) {
  .contact-links-horizontal .contact-links-inner {
    flex-direction: column;
  }
}
.contact-links-inner {
  display: flex;
  gap: 12px 40px;
}
.contact-links-inner a {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none !important;
}
.contact-links-inner a .icon {
  background: var(--contrastColorInverted);
  border-radius: var(--borderRadiusMini);
  width: 40px;
  height: 40px;
  max-width: 40px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: var(--defaultDropShadow);
}
.contact-links-inner a .icon img {
  display: block;
  height: 20px;
  width: 20px;
  object-fit: contain;
  transition: var(--baseTransition);
}
@media (hover: hover) {
  .contact-links-inner a .cta {
    transition: var(--baseTransition);
  }
}
.contact-links-inner a:hover {
  opacity: 1 !important;
}
@media (hover: hover) {
  .contact-links-inner a:hover img {
    transform: scale(1.2);
  }
}
.contact-links-inner a:hover .cta {
  opacity: 0.8;
}