.floating-text-cta {
  position: fixed;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  z-index: 1100;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 52px;
  padding: 0.9rem 1.25rem;
  border: 1px solid var(--hot-pink);
  border-radius: 999px;
  background-color: var(--hot-pink);
  color: #fff;
  box-shadow: 0 16px 36px rgba(25, 37, 73, 0.22);
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.floating-text-cta i {
  font-size: 1rem;
}

.floating-text-cta:hover {
  background-color: #fff;
  color: var(--hot-pink);
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(25, 37, 73, 0.26);
}

@media (max-width: 768px) {
  .floating-text-cta {
    right: 1rem;
    bottom: max(0.85rem, env(safe-area-inset-bottom));
    left: 1rem;
    min-height: 48px;
    padding: 0.85rem 1rem;
    font-size: 0.88rem;
  }
}