.btn-fab {
  --fab-spacing: 128px;
  --fab-dimension: 64px;
}

.btn-fab {
    /* position: absolute; */
    position: fixed;
    z-index:  10;
    height: var(--fab-dimension);
    width: var(--fab-dimension);
    border-radius: 50%;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .4);
}

.btn-fab i {
    font-size: 2.5em;
    vertical-align: middle;
}

.fab-tl {
    top: var(--fab-spacing);
    left: var(--fab-spacing);
}

.fab-tr {
    top: var(--fab-spacing);
    right: var(--fab-spacing);
}

.fab-bl {
    bottom: var(--fab-spacing);
    left: var(--fab-spacing);
}

.fab-br {
    bottom: var(--fab-spacing);
    right: var(--fab-spacing);
}