/**
 * Sections
 */
.project-section {
  .slick-dots {
    margin-top: 0;
    align-items: center;
    justify-content: center;
    gap: 26px;

    li {
      line-height: 0.5;

      button {
        background-color: hsl(48, 88%, 50%);
        color: #fff;
      }
    }

    .slick-active {
      button {
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 3.5);
        background-color: hsl(199, 89%, 44%);
        width: auto;
        height: auto;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
      }
    }
  }

  /* enforce hiding the default slick-dots */
  .project-slider > .slick-dots {
    display: none !important;
  }
}

.news-update-section {
  .slick-active.slick-current {
    .btn {
      opacity: 1;
    }
  }
}