@import url(https://fonts.googleapis.com/css?family=Gelasio:400,700,700i|Montserrat:400,400i,700,700i,900&display=swap);


    .btn-square.black {
border-color: transparent !important;
background-color: transparent !important;
background: linear-gradient(to bottom, #93bbde 0%, #136eac 100%);
color: #fff !important;
transition: all ease .5s !important;
padding-right: 7.5px !important;
}

.btn-square.black:hover {
border-color: transparent !important;
background-color: transparent !important;
background: linear-gradient(to bottom, #136eac 0%, #93bbde 100%);
padding: 10px 20px !important;
transition: .25s !important;
}

.btn-square.black:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
position:relative !important;
opacity: 0 !important;
left: -10.5px !important;
}

.btn-square.black:hover:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
opacity: 1 !important;
left: 10.5px !important;
}

.btn-square.white {
border-color: transparent !important;
background-color: transparent !important;
background: linear-gradient(to bottom, #93bbde 0%, #136eac 100%);
color: #fff !important;
transition: all ease .5s !important;
padding-right: 7.5px !important;
/*margin-top: 60px !important;*/
}

.btn-square.white:hover {
border-color: transparent !important;
background-color: transparent !important;
background: linear-gradient(to bottom, #136eac 0%, #93bbde 100%);
padding: 10px 20px !important;
transition: .25s !important;
}

.btn-square.white:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
position:relative !important;
opacity: 0 !important;
left: -10.5px !important;
}

.btn-square.white:hover:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
opacity: 1 !important;
left: 10.5px !important;
}