.coll-links {
  .coll-links__wrapper {
    background: var(--gradient-background);

    .cl__container {
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 0;
      flex-wrap: wrap;

      .cl__link {
        color: rgba(var(--color-link), var(--alpha-link));
        text-underline-offset: .3rem;
        text-decoration-thickness: .1rem;
        transition: text-decoration-thickness var(--duration-short) ease;
        font-size: calc(var(--font-heading-scale) * 1.8rem);
        line-height: normal;

        &:hover {
          color: rgb(var(--color-link));
          text-decoration-thickness: .2rem;
        }
      }
      
      .cl__divider {
        margin: 0 7px;
        color: currentColor;
      }
    }
  }
}