.jobs-link-wrapper {
  .links {
    display: grid;
    gap: var(--spacing-4);
    grid-template-columns: 1fr;
    margin-block-end: var(--spacing-6);

    .link {
      display: none;

      a {
        color: var(--colors-neutral-1000);
        text-decoration: none;

        .link-label {
          display: block;
          font-weight: var(--font-weights-medium);
        }
        .link-sub-label {
          align-items: center;
          display: flex;
          gap: var(--spacing-2);
        }

        &:hover {
          text-decoration: underline;
        }
      }
    }

    .link-active {
      display: flex;
    }
  }

  .links-navigation {
    align-items: center;
    display: flex;
    justify-content: space-around;

    .nav-button {
      align-items: center;
      background: none;
      border-radius: 0;
      border: none;
      color: var(--colors-neutral-1000);
      display: flex;
      font-weight: var(--font-weights-bold);
      gap: var(--spacing-2);
      padding: 0;
      transition: color 0.3s ease-in-out;

      .icon {
        svg {
          transition: fill 0.3s ease-in-out;
        }
      }

      &:disabled {
        color: var(--colors-neutral-300);

        .icon {
          svg {
            fill: var(--colors-neutral-300);
          }
        }
      }
    }
  }

  @media screen and (min-width: 30em) {
    .links {
      gap: var(--spacing-5);
      grid-template-columns: repeat(2, 1fr);
    }
  }
}