.enquiry-timer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.enquiry-timer__indicator {
  display: block;
  width: 10px;
  min-width: 10px;
  max-width: 10px;
  height: 10px;
  min-height: 10px;
  max-height: 10px;
  border-radius: 50%;
  background-color: var(--color-red-700);
}

.enquiry-timer__text {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 1px;
  display: flex;
  align-items: center;
  height: 20px;
  letter-spacing: 0.2px;
  color: var(--color-gray-600);
}

.enquiry-timer.splash .enquiry-timer__text {
  animation: splash 1s infinite alternate;
}

@keyframes splash {
  0% {
    color: var(--color-gray-600);
  }
  100% {
    color: var(--color-red-700);
  }
}

.enquiry-timer.active .enquiry-timer__indicator {
  animation: rec 0.75s infinite alternate;
}

@keyframes rec {
  0% {
    box-shadow: 0 0 0 0 var(--color-red-700);
  }
  100% {
    box-shadow: 0 0 6px 1px var(--color-red-700);
  }
}