/*tem21-button*/
.tem21-button{text-align:center;}
.tem21-button .button-box{margin-top:37px;}
.tem21-button a{border-radius:50%;border:1px solid;border-color:inherit;width:100px;height:100px;position:relative;z-index:2;background:none;display:inline-block;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;}
.tem21-button a::before{width:1px;height:27px;border-left:1px solid transparent;border-color:inherit;position:absolute;content:"";top:-37px;left:50%;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;margin-left:-0.5px;}
.tem21-button a:hover::before{top:-47px;}
.tem21-button a::after{position:absolute;content:"";border:2px solid transparent;border-color:inherit;width:116px;height:116px;left:50%;top:50%;margin-left:-58px;margin-top:-58px;border-radius:50%;z-index:-1;opacity:0;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;-o-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);}
.tem21-button a:hover::after{opacity:1;-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.tem21-button a span{font-size:12px;position:relative;padding-top:20px;width:100%;text-align:center;line-height:100px;top:10px;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;}
.tem21-button a:hover span{color:#fff!important;}
.tem21-button a span::before{content:"";position:absolute;width:20px;height:2px;border-top:2px solid;border-color:inherit;left:50%;margin-left:-10px;top:0;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;}
.tem21-button a:hover span::before{border-color:#fff;}
.tem21-button a span::after{content:"";position:absolute;width:20px;height:2px;border-top:2px solid;border-color:inherit;left:50%;margin-left:-10px;top:10px;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;}
.tem21-button a:hover span::after{border-color:#fff;}
@media (max-width:768px){
.tem21-button .content-float{padding-left: 2%!important;padding-right: 2%!important}
.tem21-button.full-screen-spacing .content-float{padding-left: 3%!important;padding-right: 3%!important}
}
@media (max-width:480px){
.tem21-button a{width:80px;height:80px;}
.tem21-button a::after{width:96px;height:96px;margin-left:-48px;margin-top:-48px;border-width:1px;}
.tem21-button a::before{height:20px;top:-30px;}
.tem21-button a:hover::before{top:-40px;}
.tem21-button a span::before{border-width:1px;}
.tem21-button a span::after{border-width:1px;top:8px;}
.tem21-button a span{top:-5px;padding-top:16px;}
}