.medspa-services__slide {
  --slide-padding: 20px 30px;
  border: 1px solid rgb(var(--color-light));
  border-radius: min(120px, 15vw);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  padding: var(--slide-padding);
  text-align: center;
}
.medspa-services__slide h2, .medspa-services__slide h3 {
  font-family: var(--font-family-medspa);
}
.medspa-services__slide h2 {
  color: rgb(var(--color-accent));
  margin-bottom: 10px;
}
.medspa-services__slide h3 {
  text-transform: uppercase;
  font-size: clamp(20px, calc((37px - 20px) / (1350px - 576px)) * 100vw + calc(20px - calc((37px - 20px) / (1350px - 576px)) * 576px), 37px);
}
.medspa-services__slide p {
  font-size: clamp(16px, calc((23px - 16px) / (1350px - 576px)) * 100vw + calc(16px - calc((23px - 16px) / (1350px - 576px)) * 576px), 23px);
}
.medspa-services__slide p + .button {
  margin-top: 50px;
}
.medspa-services__slide .button {
  -ms-flex-item-align: center;
      align-self: center;
}

@media (min-width: 768px) {
  .medspa-services__slide {
    --slide-padding: 70px;
    opacity: 0.5;
    transition: 300ms opacity ease;
  }
  .slider__slide--active .medspa-services__slide {
    opacity: 1;
  }
  .medspa-services__slide h2 {
    margin-bottom: 20px;
  }
}