.button {
    background-color: var(--primary-color);
    border: none;
    border-radius: 5px;
    color: var(--primary-font-color);
    cursor: pointer;
}

/* floating action button */

.fab {
    height: 3rem; /* 48px */
    position: fixed;
    width: 3rem; /* 48px */
    z-index: var(--fab-z-index);
}

.fab--bottom-left {
    bottom: 24px;
    left: 24px;
}

.fab__icon {
    color: var(--primary-font-color);
    font-size: 2rem; /* 32px */
}