.center{display:flex;align-items:center;justify-content:center;margin-top:50px}button.fancy{-webkit-appearance:button;background-color:transparent;background-color:#fff;border:2px solid #000;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;float:right;font-weight:700;letter-spacing:.05em;margin:0;outline:none;overflow:visible;padding:1.25em 2em;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:all .3s ease-in-out;user-select:none;width:100%;padding:20px 0}button.fancy a{font-size:1.125em;line-height:1.33333em;padding-left:2em;display:block;text-align:left;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase;text-decoration:none;text-align:center;color:#000}button.fancy:hover{color:#fff;background:#fd7824}button.fancy:hover a{color:#fff;padding-left:1.5em}button.fancy:hover .top-key{left:-2px;width:0}button.fancy:hover .bottom-key-1,button.fancy:hover .bottom-key-2{right:0;width:0}:root{--base-color:#fd7824;--hover-color:#fff}.horizontal{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;width:300px;height:50px;margin:0 auto;border:2px solid var(--base-color);color:var(--base-color);font-size:2rem;cursor:pointer;transition:none!important}.horizontal:hover{color:var(--hover-color);background-color:var(--base-color)!important}