button,.button{position:relative;display:flex;align-items:center;justify-content:center;font-weight:800;background-color:var(--color-space-darken);color:var(--color-content);cursor:pointer;border:none;border-top:2px solid var(--color-content);border-bottom:2px solid var(--color-content);padding:calc(var(--gap)/2);transition:var(--transition);width:100%}@media(min-width: 800px){button,.button{width:max-content}}button[disabled],.button[disabled]{cursor:not-allowed}button::before,.button::before{left:-2px}button::after,.button::after{right:-2px}button::before,button::after,.button::before,.button::after{content:"";display:block;height:70%;width:2px;background-color:var(--color-content);position:absolute;top:50%;transform:translateY(-50%)}button:hover,button:focus,button:focus-visible,.button:hover,.button:focus,.button:focus-visible{background-color:var(--color-space);color:var(--color-content)}button:hover::before,button:focus::before,button:focus-visible::before,.button:hover::before,.button:focus::before,.button:focus-visible::before{height:100%}button:hover::after,button:focus::after,button:focus-visible::after,.button:hover::after,.button:focus::after,.button:focus-visible::after{height:100%}