.spotlightsContainer {
  margin: 0 auto;
  width: 100%;
  max-width: var(--main-container-max);

  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 1rem;
  @include min(tablet) {
    grid-template-columns: repeat(2, 1fr);
  }

  @include min(desktop) {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.6rem;
  }
  li {
    text-align: center;
    background-color: var(--color-9);
    border: none;
    margin-bottom: 1rem;
    padding: 1.5rem;

    @include min(desktop) {
      margin-bottom: 1.6rem;
    }

    @include flex-direction(column);

    img {
      margin: 0 auto;
      margin-bottom: 1rem;
    }

    > div > a {
      @include flex-direction(column);
      color: #000;
      font-size: 2rem;
      font-weight: 700;
      margin-top: 1rem;
      width: 100%;

      label {
        cursor: pointer;
      }
    }

    span {
      display: block;
    }

    svg {
      display: none;
    }
  }
}
