@use "@beeline/design-tokens/scss/tokens/themes";
@use "@beeline/design-tokens/scss/tokens/globals/sizes";

.SectionLinkList {
  $el: &;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: sizes.$size-spacing-x6 sizes.$size-spacing-x6;
  margin-top: sizes.$size-spacing-x10;

  &__Item {
    display: flex;
    flex-direction: column;
    gap: sizes.$size-spacing-x2;
    max-width: 315px;
  }

  &__Link {
    a {
      text-decoration: none;
    }
  }

  &__Description {
    color: themes.$color-text-inactive;
  }
}