.floatQuote {
  position: fixed;
  right: 20px;
  bottom: 48px;
  top: auto;
  z-index: 999;
  width: min(88vw, 310px);
  height: 108px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent url('../img/logo/flotante%20whatsaap.svg') no-repeat center 46% / 310px 310px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  box-shadow: none;
  cursor: pointer;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.floatQuote:hover {
  transform: translateY(-4px) scale(1.06);
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.22));
}

.floatQuote:focus-visible {
  outline: 3px solid #38b6ff;
  outline-offset: 4px;
}

@media (max-width: 768px) {
  .floatQuote {
    right: 14px;
    bottom: 38px;
    width: min(90vw, 260px);
    height: 92px;
    background-size: 260px 260px;
    background-position: center 46%;
  }
}