socials {
  display: flex;
  justify-content: center;
  gap: 10px; /* Space between buttons */
  margin-bottom: 20px; /* Space between groups */
}

socials .socials-button {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
}

socials .socials-button:hover {
    filter: drop-shadow(1rem 1rem 1rem rgba(0, 0, 0, 1));
    transform: scale(1.15);
}

socials .socials-button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}