@ionic/core/dist/collection/components/fab/fab.css

Base components for Ionic

:host {
  position: absolute;
  z-index: 999; }

:host(.fab-horizontal-center) {
  left: 50%;
  margin-left: -28px; }
  :host([dir=rtl].fab-horizontal-center) {
    right: 50%; }
  @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
    :host(.fab-horizontal-center) {
      margin-left: unset;
      -webkit-margin-start: -28px;
      margin-inline-start: -28px; } }

:host(.fab-horizontal-start) {
  left: calc(10px + var(--ion-safe-area-left, 0px)); }
  :host([dir=rtl].fab-horizontal-start) {
    right: calc(10px + var(--ion-safe-area-left, 0px)); }

:host(.fab-horizontal-end) {
  right: calc(10px + var(--ion-safe-area-right, 0px)); }
  :host([dir=rtl].fab-horizontal-end) {
    left: calc(10px + var(--ion-safe-area-right, 0px)); }

:host(.fab-vertical-top) {
  top: 10px; }

:host(.fab-vertical-top.fab-edge) {
  top: -28px; }

:host(.fab-vertical-bottom) {
  bottom: 10px; }

:host(.fab-vertical-bottom.fab-edge) {
  bottom: -28px; }

:host(.fab-vertical-center) {
  margin-top: -28px;
  top: 50%; }