/* Telegram Button Styles */
#telegram-button {
  position: fixed;
  bottom: 5.5rem; /* 88px - ниже кнопки "вверх" которая на bottom-6 (24px) + размер кнопки (48px) + отступ (16px) */
  right: 1.5rem; /* 24px - совпадает с кнопкой "вверх" */
  z-index: 90;
  padding: 0.75rem;
  border-radius: 9999px;
  border: 1px solid rgba(76, 201, 240, 0.3); /* agency-cyan/30 */
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgb(76, 201, 240); /* agency-cyan */
  box-shadow: 0 0 20px rgba(76, 201, 240, 0.2);
  transition: all 0.5s ease;
  opacity: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  text-decoration: none;
  overflow: visible;
}

/* Эффект пульсирующих волн */
#telegram-button::before,
#telegram-button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  border: 2px solid rgba(76, 201, 240, 0.4);
  animation: ripple 2s ease-out infinite;
  pointer-events: none;
}

#telegram-button::after {
  animation-delay: 1s;
}

@keyframes ripple {
  0% {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    border-width: 2px;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
    border-width: 1px;
  }
}

#telegram-button:hover {
  transform: scale(1.1);
  border-color: rgb(76, 201, 240); /* agency-cyan */
  box-shadow: 0 0 40px rgba(76, 201, 240, 0.5);
}

/* Telegram Icon SVG - увеличенный размер */
#telegram-button svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
  position: relative;
  z-index: 1;
  animation: icon-pulse 2s ease-in-out infinite;
}

@keyframes icon-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.9;
  }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  #telegram-button {
    bottom: 5.5rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    padding: 0.625rem;
  }
  
  #telegram-button svg {
    width: 28px;
    height: 28px;
  }
}