/* Estland 2 public portal v32 — final social icon correction */
.portal-v11 .site-utility-links {
  display: flex;
  align-items: center;
  gap: 8px;
}

.portal-v11 .site-utility-link {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(52, 163, 255, .48);
  border-radius: 10px;
  background: rgba(20, 107, 179, .08);
  color: #fff;
  overflow: hidden;
}

.portal-v11 .site-utility-link:hover,
.portal-v11 .site-utility-link:focus-visible {
  border-color: rgba(244, 187, 85, .72);
  background: rgba(244, 187, 85, .12);
  transform: translateY(-1px);
}

.portal-v11 .site-utility-icon {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  object-fit: contain !important;
  opacity: 1 !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  /* Makes any supplied logo white, regardless of its source pixels. */
  filter: brightness(0) saturate(100%) invert(100%) !important;
}

.portal-v11 .site-utility-link:hover .site-utility-icon,
.portal-v11 .site-utility-link:focus-visible .site-utility-icon {
  filter: brightness(0) saturate(100%) invert(80%) sepia(44%) saturate(779%) hue-rotate(338deg) brightness(100%) contrast(95%) !important;
}

@media (max-width: 720px) {
  .portal-v11 .site-utility-link {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .portal-v11 .site-utility-icon {
    width: 17px !important;
    height: 17px !important;
  }
}