.floating-contact{
  position:fixed;
  right:18px;
  bottom:24px;
  z-index:45;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.floating-contact__button{
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  box-shadow:0 10px 28px rgba(34,34,34,.2);
  transition:transform .25s,box-shadow .25s;
  position:relative;
  font-size:21px;
}
.floating-contact__button i{font-size:23px;line-height:1}
.floating-contact__button:hover,.floating-contact__button:focus-visible{
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(34,34,34,.27);
}
.floating-contact__button--phone{background:#222}
.floating-contact__button--whatsapp{background:#25d366}
.floating-contact__button span{
  position:absolute;
  right:62px;
  background:#222;
  color:#fff;
  padding:7px 11px;
  border-radius:4px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.5px;
  white-space:nowrap;
  opacity:0;
  transform:translateX(8px);
  pointer-events:none;
  transition:.2s;
}
.floating-contact__button:hover span,.floating-contact__button:focus-visible span{opacity:1;transform:none}
.product{cursor:pointer}
.product:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:576px){
  .floating-contact{right:12px;bottom:14px;gap:8px}
  .floating-contact__button{width:46px;height:46px;font-size:19px}
  .floating-contact__button i{font-size:21px}
  .floating-contact__button span{display:none}
}