CSS Floating buttons with container

CSS Floating buttons with container

CSS :
    .btn-floating-container {
        right: 50px;
        bottom: 50px;
        position: fixed;
    }

    .btn-floating {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(245, 245, 245, 0.075);
        text-align: center;
        padding: 0px;
        font-size: 24px;
    }

HTML :
    <div class="btn-floating-container">
        <button class="btn-floating btn btn-primary btn-medium"><i class="fa fa-bullseye " aria-hidden="true"></i>
        </button>
        <button class="btn-floating btn btn-primary btn-medium"><i class="fa fa-bullseye " aria-hidden="true"></i>
        </button>
        <button class="btn-floating btn btn-primary btn-medium"><i class="fa fa-bullseye " aria-hidden="true"></i>
        </button>
    </div>

Other classes used in this example are related to bootstrap and fontawesome