.button{display:flex;width:-moz-fit-content;width:fit-content;gap:.5em;border-radius:1.2em;border:0;color:#fff;font-size:1em;line-height:1em;min-width:80px;text-align:center;padding:.75em 1em;cursor:pointer;transition:background-color .25s ease-in-out}.button.--small{padding:.4em .8em;min-width:75px}.button--primary{background:var(--aramco-green)}.button--primary:hover{background:var(--soft-green)}.button--secondary{background:var(--soft-blue);color:var(--white)}.button--secondary:hover{background:var(--aramco-blue)}.button--text{background:transparent;color:var(--black)}.button--text:hover{background:var(--light-gray)}.button--cyan{background:var(--aramco-blue);color:var(--white)}.button--cyan:hover{background:var(--soft-blue)}.button--cyan:disabled{background:var(--light-gray);color:#aeaeae}.button--cyan:disabled svg g{stroke:#aeaeae}