.Secao-cards {
  .swiper {
    overflow: hidden;
  }

  .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding-bottom: 48px;

    .Button {
      width: 40px;
      border: none;
      border-radius: 8px;
      background: $gray;
      font-size: 24px;
      color: $gray-light;
      appearance: none;

      &.swiper-button-disabled {
        opacity: 0.7;
        cursor: not-allowed;
      }
    }
  }

  .swiper-pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 2px;
    margin-top: 40px;
    background-color: $gray;

    .swiper-pagination-progressbar-fill {
      display: block;
      height: 4px;
      background: $green;
      transform-origin: left;
    }
  }
}

._dark-mode {
  .Secao-cards {
    .swiper-navigation {
      .Button {
        background: #30329c;
        color: #fff;

        &.swiper-button-disabled {
          color: #5255d9;
          opacity: 0.7;
          cursor: not-allowed;
        }
      }
    }
  }
}