.button{cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:1.2rem;font-family:Qanelas,sans-serif;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.button__text{align-items:center;display:inline-flex}.button__arrow{flex-shrink:0;transition:transform .3s}.button:hover .button__arrow{transform:translate(.4rem)}.button--primary{color:#fff;background-color:#1a1a1a}.button--primary:hover{background-color:#333}.button--secondary{color:#1a1a1a;background-color:#f4f1e8}.button--secondary:hover{background-color:#e8e4d8}.button--outline{color:#1a1a1a;background-color:#0000;border:.1rem solid #1a1a1a}.button--outline:hover{color:#fff;background-color:#1a1a1a}.button--text{color:#1a1a1a;background-color:#fffbf6;padding:0;font-size:1.6rem;font-weight:500}.button--text:hover{color:#333}.button--small{padding:.8rem 1.6rem;font-size:1.4rem}.button--medium{max-width:21.5rem;height:4.4rem;padding:1.2rem 2.4rem;font-size:1.6rem}.button--large{max-width:21.5rem;height:4.4rem;padding:1rem 3.2rem;font-size:1.6rem}.button:disabled{opacity:.5;cursor:not-allowed}