.sticky-contact-bar {
  position: fixed;
  z-index: 9990;
  inset-inline-end: 22px;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
  pointer-events: none;
}

.sticky-contact-btn {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(32, 10, 18, 0.22);
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 260ms ease, background-color 260ms ease;
  backdrop-filter: blur(8px);
}

.sticky-contact-btn--wa,
.whatsapp-float {
  background: #25d366;
  color: #ffffff;
}

.sticky-contact-btn--wa:hover,
.sticky-contact-btn--wa:focus-visible,
.whatsapp-float:hover,
.whatsapp-float:focus-visible {
  transform: translateY(-3px) scale(1.08);
  background: #1ebe57;
  box-shadow: 0 12px 28px rgba(18, 50, 32, 0.35);
  outline: none;
}

.sticky-contact-btn--call {
  background: #390b16;
  color: #f4eadc;
  border: 1px solid rgba(183, 138, 74, 0.38);
}

.sticky-contact-btn--call:hover,
.sticky-contact-btn--call:focus-visible {
  transform: translateY(-3px) scale(1.08);
  background: #5b1223;
  box-shadow: 0 12px 28px rgba(57, 11, 22, 0.38);
  outline: none;
}

.sticky-contact-btn__icon,
.whatsapp-float__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  line-height: 0;
}

.sticky-contact-btn__label {
  display: none !important;
}

@media (max-width: 680px) {
  .sticky-contact-bar {
    inset-inline-end: 16px;
    bottom: 16px;
    gap: 10px;
  }

  .sticky-contact-btn {
    width: 44px;
    height: 44px;
  }

  .sticky-contact-btn__icon svg,
  .whatsapp-float__icon svg {
    width: 20px;
    height: 20px;
  }
}