/* FAB redondo, independente do tema */
.bpf-fab{
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important; /* se colidir com o botão azul, comente esta linha e use: left:24px !important; */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
  border: 0 !important;
  outline: none !important;
    border-radius: 50% !important;
}

.bpf-fab:hover{
  transform: scale(1.06) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
}

/* Ícone */
.bpf-icon{
    width: 64px !important;
    height: 64px !important;
  pointer-events: none;
  display: block;
  /* remova a linha abaixo se seu SVG já é amarelo */
  /* filter: brightness(0) invert(1);  deixa branco quando o svg é escuro */
}

/* Hard resets contra temas que forçam largura/bloco */
.bpf-fab, .bpf-fab *{
  max-width: none !important;
}