.button-outline:active,.button-simple:active,.button-simple:hover{border-color:var(--color-three)}body{background-color:var(--background-one)}.button-simple{display:inline-block;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-align:center;border-radius:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s,background-color .3s;position:relative;letter-spacing:.05rem;outline:0;text-decoration:none;width:100%;max-height:60px;margin-top:auto;background-color:var(--color-four);color:#fff;border:none;text-transform:uppercase;background-color:darken(var(--color-three),10%);box-shadow:var(--box-shadow)}.button-simple:hover{background-color:var(--color-three);transform:scale(1.01);color:#fff}.button-simple:active,.button-simple:active span{transform:translate(1px,1px)}.button-simple span{display:inline-block;transition:transform .2s ease-in-out}.button-simple:focus{outline-offset:1px}.button-outline{background-color:transparent;border-color:var(--color-one);color:#fff;transition:background-color .2s ease-in-out,color .2s ease-in-out}.button-outline:hover{background-color:var(--color-one);color:var(--text-color)}.button-outline:active{background-color:var(--color-three);color:var(--text-color)}