.fab-button .fab {
  box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--bs-primary);
  border-radius:100%;
  color:#fff !important
}
.fab-button .fab>i.bi,
.fab-button .fab>i.icon,
.fab-button .fab>ion-icon {
  font-size:26px;
  transition:.2s all;
  --ionicon-stroke-width: 42px
}
.fab-button .fab:hover,
.fab-button .fab:active {
  background: var(--bs-primary-text-emphasis)
}
.fab-button.text .fab {
  width:auto;
  border-radius:300px;
  font-size:17px;
  padding:0px 24px
}
.fab-button.text .fab>i.bi,
.fab-button.text .fab>i.icon {
  margin-right:6px
}
.fab-button.animate .fab.show i.bi[name=add],
.fab-button.animate .fab.show i.bi[name=add-sharp],
.fab-button.animate .fab.show i.bi[name=add-outline] {
  transform:rotate(45deg) !important
}
.fab-button.dropdown.show .fab {
  background:var(--bs-primary-text-emphasis)
}
.fab-button .dropdown-menu {
  margin:0;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0px 7px;
  width:56px;
  min-width:56px;
  max-width:56px;
  text-align:center
}
.fab-button .dropdown-menu .dropdown-item {
  padding:0;
  background: var(--bs-primary);
  width:42px;
  height:42px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  color:#fff;
  margin:14px 0;
  border-radius:100%;
  box-shadow:0 3px 6px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.08);
  position:relative
}
.fab-button .dropdown-menu .dropdown-item:hover,
.fab-button .dropdown-menu .dropdown-item:active {
  background:var(--bs-primary-text-emphasis)
}
.fab-button .dropdown-menu .dropdown-item i.bi,
.fab-button .dropdown-menu .dropdown-item i.icon,
.fab-button .dropdown-menu .dropdown-item ion-icon {
  --ionicon-stroke-width: 32px;
  line-height:1em;
  margin-right:0;
  color:#fff !important;
  width:24px !important;
  height:24px !important;
  display:flex !important;
  justify-content:center;
  align-items:center;
  line-height:1em;
  display:inline-flex
}
.fab-button .dropdown-menu .dropdown-item p {
  background:#FFF;
  position:absolute;
  left:58px;
  top:7px;
  color:#141515;
  font-size:13px;
  padding:4px 12px;
  line-height:1.5em;
  border-radius:6px;
  box-shadow:0 3px 6px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.08)
}
.fab-button.bottom-right {
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:100;
  margin-bottom:env(safe-area-inset-bottom)
}
.fab-button.bottom-left {
  position:fixed;
  bottom:20px;
  left:20px;
  z-index:100;
  margin-bottom:env(safe-area-inset-bottom)
}
.fab-button.bottom-center {
  position:fixed;
  bottom:16px;
  left:50%;
  transform:translate(-50%, 0%);
  margin-bottom:env(safe-area-inset-bottom)
}
.fab-button.top-center {
  position:fixed;
  top:72px;
  left:50%;
  transform:translate(-50%, 0%);
  margin-top:env(safe-area-inset-top)
}
.fab-button.top-left {
  position:fixed;
  top:72px;
  left:20px;
  z-index:100;
  margin-top:env(safe-area-inset-top)
}
.fab-button.top-right {
  position:fixed;
  top:72px;
  right:20px;
  z-index:100;
  margin-top:env(safe-area-inset-top)
}
.fab-button.top-right .dropdown-menu .dropdown-item p,
.fab-button.bottom-right .dropdown-menu .dropdown-item p {
  left:auto;
  right:58px
}