.ft-button {
    font-family: 'Fira Sans', sans-serif;;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;

    -webkit-transition: color .3s ease, font-size .3s ease;
-moz-transition: color .3s ease, font-size .3s ease;
-ms-transition: color .3s ease, font-size .3s ease;
-o-transition: color .3s ease, font-size .3s ease;
transition: color .3s ease, font-size .3s ease;
}


.B {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: none;
    padding: 9px 30px;
    white-space: nowrap;
    -webkit-transition: padding .3s ease;
-moz-transition: padding .3s ease;
-ms-transition: padding .3s ease;
-o-transition: padding .3s ease;
transition: padding .3s ease;
}


    .B-hover {
        position: absolute; z-index: 10;
        width: 200%;
        height: 200%;
        right: 0; top: 100%;
        -webkit-transition: top .3s cubic-bezier(0.39,0.575,0.565,1);
-moz-transition: top .3s cubic-bezier(0.39,0.575,0.565,1);
-ms-transition: top .3s cubic-bezier(0.39,0.575,0.565,1);
-o-transition: top .3s cubic-bezier(0.39,0.575,0.565,1);
transition: top .3s cubic-bezier(0.39,0.575,0.565,1);
    }
        .B:hover .B-hover {
            top: -100%;
        }

        .B.-disabled:hover .B-hover,
        .B[disabled]:hover .B-hover {
            top: 100%;
        }

    .B-content {
        position: relative;
        z-index: 30;
    }


    .B-content:before {
        content: '';
        height: 23px;
        margin-left: -4px;
    }
    .B-content,
    .B-content:before,
    .B-tx,
    .B-icon {
        display: inline-block;
        vertical-align: middle;
    }


.B-simple {
    background-color: #2c9eff;
    -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;}

    .B-simple .B-hover {
         background-image: -moz-linear-gradient(top left,transparent 50%,#0066fb 50%); background-image: -webkit-linear-gradient(top left,transparent 50%,#0066fb 50%); background-image: -o-linear-gradient(top left,transparent 50%,#0066fb 50%); background-image: -ms-linear-gradient(top left,transparent 50%,#0066fb 50%); background-image: linear-gradient(to bottom right,transparent 50%,#0066fb 50%);      }

.B-simple.-disabled,
.B-simple[disabled] {
    background-color: #bfbfbf;
}