/*tem17-button*/
.tem17-button{text-align:center;}
.tem17-button .box{padding:10px 0 30px;}
.tem17-button .button-box{padding:10px 40px;border:2px solid;position:relative;border-color:inherit;letter-spacing:3px;}
.tem17-button .button-box::before{content:"";width:2px;height:20px;border-left:2px solid ;border-color:inherit;left:50%;bottom:-14px;z-index:2;position:absolute;margin-left:-1px;-o-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s;}
.tem17-button .button-box:hover::before{height:0;bottom:0;}
.tem17-button .button-box:hover{color:#fff;}
.tem17-button .button-box span{border-style:solid;width:0px;display:inline-block;position:absolute;bottom:-22px;left:50%;border-width:10px 8px 0;border-radius:2px;border-color:#333 transparent transparent ;border-top-color:inherit;margin-left:-8px;-o-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.tem17-button .button-box:hover span{transform:rotateY(-180deg);}
@media (max-width:768px){
.tem17-button .box{padding-left: 2%!important;padding-right: 2%!important}
.tem17-button.full-screen-spacing .box{padding-left: 3%!important;padding-right: 3%!important}
}
@media (max-width:480px){
.tem17-button .button-box{padding:8px 15px;font-size:12px;border-width: 1px;}
.tem17-button .button-box::before{border-width:1px;margin-left:0;}
.tem17-button .button-box span{border-width:6px 5px 0;bottom:-18px;margin-left: -5px;}
.tem17-button .box{padding:0 0 60px;}
}