/* TopBRS WhatsApp Support Floating Button */
.topbrs-whatsapp-support {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: calc(22px + env(safe-area-inset-bottom));
  z-index: 9998;

  width: 56px;
  height: 56px;
  border-radius: 50%;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background:
    radial-gradient(circle at 34% 28%, rgba(255, 231, 138, .22), transparent 34%),
    linear-gradient(145deg, rgba(12, 28, 55, .96), rgba(5, 12, 26, .94));

  color: #f5c85b;
  text-decoration: none;

  border: 1px solid rgba(245, 200, 91, .52);

  box-shadow:
    0 14px 34px rgba(0, 0, 0, .38),
    0 0 26px rgba(45, 100, 255, .16),
    0 0 18px rgba(245, 200, 91, .14),
    inset 0 1px 0 rgba(255, 255, 255, .14),
    inset 0 -1px 0 rgba(0, 0, 0, .32);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.topbrs-whatsapp-support::before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(245, 200, 91, .18), transparent 68%);
  opacity: .72;
  z-index: -1;
  pointer-events: none;
}

.topbrs-whatsapp-support:active {
  transform: scale(.94) translateZ(0);
  border-color: rgba(245, 200, 91, .72);
  box-shadow:
    0 8px 22px rgba(0, 0, 0, .34),
    0 0 20px rgba(245, 200, 91, .16),
    inset 0 1px 0 rgba(255, 255, 255, .12);
}

.topbrs-whatsapp-support svg {
  width: 29px;
  height: 29px;
  display: block;
  filter: drop-shadow(0 2px 8px rgba(245, 200, 91, .18));
}

.topbrs-whatsapp-support-label {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);

  padding: 7px 10px;
  border-radius: 999px;

  background: rgba(7, 17, 31, .86);
  color: rgba(245, 200, 91, .94);
  border: 1px solid rgba(245, 200, 91, .24);

  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

@media (max-width: 420px) {
  .topbrs-whatsapp-support {
    width: 52px;
    height: 52px;
    right: 16px;
    bottom: calc(18px + env(safe-area-inset-bottom));
  }

  .topbrs-whatsapp-support svg {
    width: 27px;
    height: 27px;
  }

  .topbrs-whatsapp-support-label {
    display: none;
  }
}
/* /TopBRS WhatsApp Support Floating Button */