.ant-carousel {
  .slick-dots {
    li {
      button {
        background-color: rgba(89, 112, 221, 20%);
        opacity: 1;
      }
      &.slick-active {
        button {
          background-color: rgba(89, 112, 221, 65%);
          opacity: 1;
        }
      }
      &:hover {
        opacity: 1;
        background-color: #8296E9;
      }
    }
  }
}