:root .primary{--sub_heading:255,255,255}:root .secondary{--sub_heading:51,51,51}:root .secondary:hover{--sub_heading:255,255,255}.btn.primary::before,.btn.primary::after,.btn.secondary::before,.btn.secondary::after,.btn.alt_underline span::before,.btn.alt_underline span::after,.btn.alt_underline::before,.btn.alt_underline::after,.btn-4::before,.btn-4::after,.btn-3::before,.btn-3::after{position:absolute;content:""}.btn-holder{display:flex;flex-wrap:wrap;justify-content:center;max-width:1000px;margin:10px auto 35px}.btn{position:relative;display:inline-block;width:auto;height:auto;background-color:transparent;border:none;cursor:pointer;padding:5px}.btn>span{position:relative;display:inline-block;font-size:18px;font-weight:bold;line-height:19px;letter-spacing:2px;text-transform:uppercase;top:0;left:0;padding:15px 20px;transition:.3s}.btn-3{padding:5px}.btn-3>span{color:rgb(54,56,55);background-color:transparent;transition:.8s}.btn-3.primary>span{color:rgb(255,255,255);background-color:rgba(var(--button_primary),.8);transition:.8s}.btn-3:hover>span{color:rgb(255,255,255);background-color:rgb(var(--text))}.btn-3.primary:hover>span{color:rgb(255,255,255);background-color:rgba(var(--button_primary-hover),.8)}.btn-3::before,.btn-3::after{background:transparent;z-index:2}.btn.primary::before,.btn.primary::after{width:10%;height:25%;transition:.35s}.btn.primary::before{top:0;left:0;border-left:1px solid rgb(var(--button_primary));border-top:1px solid rgb(var(--button_primary))}.btn.primary::after{bottom:0;right:0;border-right:1px solid rgb(var(--button_primary));border-bottom:1px solid rgb(var(--button_primary))}.btn.primary:hover::before,.btn.primary:hover::after{width:99.5%;height:98.5%}.btn.secondary::before,.btn.secondary::after{width:0;height:0;opacity:0;transition:width .2s .15s linear,height .15s linear,opacity 0s .35s}.btn.secondary::before{top:0;right:0;border-top:1px solid rgb(28,31,30);border-left:1px solid rgb(28,31,30)}.btn.secondary::after{bottom:0;left:0;border-bottom:1px solid rgb(28,31,30);border-right:1px solid rgb(28,31,30)}.btn.secondary:hover::before,.btn.secondary:hover::after{width:100%;height:99%;opacity:1;transition:width .2s linear,height .15s .2s linear,opacity 0s}.btn.btn-4{padding:0}.btn-4 span{color:rgba(var(--button_primary));background-color:rgba(255,255,255,1)}.btn-4 span:hover{background-color:rgba(255,255,255,1)}.btn-4::before,.btn-4::after{width:15%;height:1px;background-color:rgba(var(--button_primary),1);z-index:2}.btn.hover-border-6::before,.btn.hover-border-6::after{top:0;transition:width .2s .35s ease-out}.btn.hover-border-6::before{right:50%}.btn.hover-border-6::after{left:50%}.btn.hover-border-6:hover::before,.btn.hover-border-6:hover::after{width:50%;transition:width .2s ease-in}.btn.hover-border-6 span::before,.btn.hover-border-6 span::after{width:0;height:0;background:transparent;opacity:0;z-index:2;transition:width .2s ease-in,height .15s .2s linear,opacity 0s .35s}.btn.hover-border-6 span::before{top:0;left:0;border-left:1px solid rgb(54,56,55);border-bottom:1px solid rgb(54,56,55)}.btn.hover-border-6 span::after{top:0;right:0;border-right:1px solid rgb(54,56,55);border-bottom:1px solid rgb(54,56,55)}.btn.hover-border-6 span:hover::before,.btn.hover-border-6 span:hover::after{width:50%;height:99%;opacity:1;transition:height .2s .2s ease-in,width .2s .4s linear,opacity 0s .2s}.btn.alt_underline::before,.btn.alt_underline::after{bottom:0;transition:width .2s .35s ease-out}.btn.alt_underline::before{right:50%}.btn.alt_underline::after{left:50%}.btn.alt_underline:hover::before,.btn.alt_underline:hover::after{width:50%;transition:width .2s ease-in}.btn.alt_underline span::before,.btn.alt_underline span::after{width:0;height:0;background:transparent;opacity:0;z-index:2;transition:width .2s ease-in,height .15s .2s linear,opacity 0s .35s}.btn.alt_underline span::before{bottom:0;left:0;border-left:1px solid rgba(var(--button_primary),1);border-top:1px solid rgba(var(--button_primary),1)}.btn.alt_underline span::after{bottom:0;right:0;border-right:1px solid rgba(var(--button_primary),1);border-top:1px solid rgba(var(--button_primary),1)}.btn.alt_underline span:hover::before,.btn.alt_underline span:hover::after{width:50%;height:100%;opacity:1;transition:height .2s .2s ease-in,width .2s .4s linear,opacity 0s .2s}@media screen and (min-width:1200px){p.sm-button{display:inline-block}}