.thm-btn{position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none!important;font-size:12px;color:var(--white);text-transform:uppercase;background-color:var(--base);padding:14px 49px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;overflow:hidden;letter-spacing:.2em;z-index:1}@media (max-width:767px){.thm-btn{padding:5px 15px}}.thm-btn:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-color:var(--black);width:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;z-index:-1}.thm-btn:hover:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.thm-btn:hover{color:var(--white);z-index:1}.thm-btn.thm-btn-two:hover{color:var(--base)}.thm-btn.thm-btn-two:before{background-color:var(--white)}.thm-btn-three{color:var(--base);background-color:var(--white)}.thm-btn.thm-btn-three:before{background-color:var(--white)}.thm-btn.thm-btn-three:hover{color:var(--white)}.thm-btn.thm-btn-three:before{background-color:var(--base)}