.links-section {
  color: var(--color);
  display: block;
  padding: var(--PT) 0 var(--PB);

  .links-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .links-section__header {
    text-align: center;

    .links-section__heading {
      font-family: var(--font-heading-family);
      font-size: 1.8rem;
      font-style: var(--font-heading-style, 'normal');
      font-weight: var(--font-heading-weight);
      letter-spacing: normal;
      line-height: 1.5;
    }
  }

  .links-section__container {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem;
    justify-content: center;
    margin: 0 auto;
    width: 100%;

    &:hover .links-section__item {
      color: #d0debb;
      text-decoration: none;

      &:has(.links-section__item-icon__hover) {
        .links-section__item-icon {
          opacity: 0;
        }

        .links-section__item-icon__hover {
          opacity: 1;
        }
      }
    }

    .links-section__item {
      color: var(--button_text_color);
      font-weight: 300;
      line-height: 1.7;
      text-decoration: none;
      text-underline-offset: 0.3em;

      * {
        pointer-events: none;
      }

      .links-section__item-icons {
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: var(--MB, 0.5em);

        .links-section__item-icon {
          left: 0;
          position: relative;
          top: 0;
        }

        .links-section__item-icon__hover {
          left: 0;
          opacity: 0;
          position: absolute;
          top: 0;
        }
      }

      &:hover {
        color: var(--color);
        /* color: #606060; */
        text-decoration: underline;
      }



      &:has(.links-section__item-icon__hover):hover {
        .links-section__item-icon {
          opacity: 1;
        }

        .links-section__item-icon__hover {
          opacity: 0;
        }
      }
    }
  }
}

.links-section.referealLinksSection {
  .links-section__container {

    &:hover .links-section__item {
      color: unset;
      text-decoration: none;

      &:has(.links-section__item-icon__hover) {
        .links-section__item-icon {
          opacity: 0;
        }

        .links-section__item-icon__hover {
          opacity: 1;
        }
      }
    }

    .links-section__item {

      /* .links-section__item-title {
          padding-left: 10px;
        } */

      &:hover {
        /* color: var(--color); */
        color: #606060;
        text-decoration: none;
      }

      &:has(.links-section__item-icon__hover):hover {
        .links-section__item-icon {
          opacity: 1;
        }

        .links-section__item-icon__hover {
          opacity: 0;
        }
      }
    }
  }
}

@media screen and (width < 768px) {
  .links-section .links-section__container {
    flex-direction: column;
    gap: 3rem;
    padding: 0 3rem;

    .links-section__item {
      align-items: center;
      border-bottom: 1px solid #d6d2c4;
      display: flex;
      gap: 2.5rem;
      padding: 0 4rem 1.5rem;

      &:last-child {
        border-bottom: none;
      }
    }
  }
}