.gel-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.gel-social-links a {
  align-items: center;
  background: var(--gel-soft);
  border-radius: 50%;
  color: var(--gel-blue-600);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 900;
  height: 42px;
  justify-content: center;
  text-decoration: none;
  width: 42px;
}

.gel-social-links a:hover,
.gel-social-links a:focus {
  background: var(--gel-blue-600);
  color: var(--gel-text-on-dark);
}