.booking-field {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.booking-field:hover,
.booking-field:focus-within,
input.booking-field:not([type="hidden"]):hover,
input.booking-field:not([type="hidden"]):focus,
textarea.booking-field:hover,
textarea.booking-field:focus {
  box-shadow: 0 8px 20px -12px rgb(0 0 0 / 0.18), 0 0 0 3px hsl(var(--primary) / 0.12);
  border-color: hsl(var(--primary) / 0.45);
}