.chat-btn,
.to-top-btn {
  position: fixed;
  z-index: 1000;
}

/* Chat */
.chat-btn {
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff9bab; /* базовый розовый фон */
  border-radius: 50%; /* круг */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s, transform 0.3s;
}

.chat-btn:hover {
  background-color: #f4667d; /* фон при наведении */
  transform: scale(1.1); /* слегка увеличиваем */
}

.chat-btn svg {
  width: 35px;
  height: 32px;
  fill: none;
  transition: stroke 0.3s;
}

.to-top-btn {
  color: white; /* цвет по умолчанию */
  transition: color 0.3s;
  bottom: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: none; /* скрыта по умолчанию */
}

.to-top-btn img {
  width: 100%;
  height: 100%;
  display: block;
  transition: filter 0.3s;
  filter: invert(33%) sepia(13%) saturate(670%) hue-rotate(153deg)
    brightness(91%) contrast(90%);
  /* это для твоего стартового #5a808a */
}

.to-top-btn:hover img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(27%) saturate(606%)
    hue-rotate(15deg) brightness(94%) contrast(92%);
  /* это для целевого #d9ae4f */
}

.hidden {
  display: none !important;
}
