.button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;color:#0f1923;cursor:pointer;position:relative;padding:8px;margin-bottom:20px;margin-top:30px;text-transform:uppercase;font-weight:700;font-size:14px;transition:all .15s ease}.button:after,.button:before{content:"";display:block;position:absolute;right:0;left:0;height:calc(50% - 5px);border:1px solid #7d8082;transition:all .15s ease}.button:before{top:0;border-bottom-width:0}.button:after{bottom:0;border-top-width:0}.button:active,.button:focus{outline:none}.button:active:after,.button:active:before{right:3px;left:3px}.button:active:before{top:3px}.button:active:after{bottom:3px}.button_lg{position:relative;display:block;padding:10px 20px;color:#fff;background-color:#0f1923;overflow:hidden;box-shadow:inset 0 0 0 1px transparent}.button_lg:before{top:0;left:0;width:2px;height:2px}.button_lg:after,.button_lg:before{content:"";display:block;position:absolute;background-color:#0f1923}.button_lg:after{right:0;bottom:0;width:4px;height:4px;transition:all .2s ease}.button_sl{background-color:#ff4655}.button_sl,.button_sll{display:block;position:absolute;top:0;bottom:-1px;left:-8px;width:0;transform:skew(-15deg);transition:all .2s ease}.button_sll{background-color:teal}.button_text{position:relative}.button:hover{color:#0f1923}.button:hover .button_sl,.button:hover .button_sll{width:calc(100% + 15px)}.button:hover .button_lg:after{background-color:#fff}