@media all {

  .ce-type-dw_sociallinks {

    & .ce-sociallink-list {
      display: flex;
      gap: var(--element-gap-small);

      & > .ce-sociallink-item {
        display: grid;
        place-content: center;
        width: var(--size-8);
        aspect-ratio: 1;
        color: var(--current-button-color);
        background-color: var(--current-element-background);
        border-radius: 100vmax;
        text-decoration: none;
        font-size: var(--size-4);
        transition: var(--transition-fast);
        transition-property: background-color, color;

        &:focus ,
        &:hover {
          background-color: var(--current-button-hover-background);
          color: var(--current-button-hover-color);
        }

      }

    }

  }

}