.social-media_cel {
  --icon-size: 38px;

  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-20);
  justify-content: inherit;

  @media screen and (width >= 1280px) {
    justify-content: end;
  }
}

.social-media_cel__item {
    & a {
      display: block;
      position: relative;

      & .icon {
        color: var(--color-indigo);
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);

        @media screen and (width >= 1280px) {
          width: var(--icon-size);
        }
      }
    }
  }