@use "../../../../src/scss/utilities.scss";
.textAndLinks {
  //border-bottom: solid 1px var(--f-aire);
  &__title {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    color: var(--a-negro-unops);
    @media (max-width: 991.98px) {
      font-size: 25px;
    }
  }
  &__description {
    @extend %openSans-font;
    font-size: 18px;
    text-align: center;
    color: var(--a-negro-unops);
  }
  &__groupLinks {
    &--item {
      .link {
        @extend %VFSans-font;
        font-weight: 600;
        font-size: 20px;
        color: var(--a-negro-unops);
      }
      &:hover {
        border-radius: 2px;
        box-shadow: 0 0 6px 0 rgba(0, 73, 118, 0.2);
        border: solid 0.5px var(--a-azul-unops);
        background-color: #f6f9fc;
        a.link {
          color: var(--a-azul-unops);
        }
      }
    }
  }
}