/**
 * YClients — кнопка «Онлайн-запись» (a.yButton)
 * Перекрывает стили виджета через !important.
 */

a.yButton .yButtonBackground {
  background-color: var(--color-black) !important;
  opacity: 0.92 !important;
}

a.yButton .yButtonWave {
  border-color: var(--color-black) !important;
  color: var(--color-black) !important;
}

a.yButton .yButtonText {
  font-family: var(--font-body, 'Manrope', sans-serif) !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 768px) {
  /* Выше sticky «Записаться» внизу экрана */
  a.yButton.bottom {
    bottom: 200px !important;
    left: 16px !important;
  }

  a.yButton {
    width: 70px !important;
    height: 70px !important;
  }

  a.yButton .yButtonBackground {
    width: 70px !important;
    height: 70px !important;
  }

  a.yButton .yButtonText {
    top: 22px !important;
    width: 60px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    letter-spacing: 0.5px !important;
  }
}

@media (max-width: 480px) {
  a.yButton.bottom {
    bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important;
  }
}