.button{display:flex;width:fit-content;height:fit-content;border-radius:32px;cursor:pointer;transition:background-color .2s ease-in-out}.button__content{display:flex;align-items:center;justify-content:center;color:#fff;gap:8px}.button.--primary{background-color:#eb0a1e}.button.--primary:hover:not(.--disabled,.--loading){background-color:#ce0719}.button.--secondary{background-color:#4a4a4a}.button.--secondary:hover:not(.--disabled,.--loading){background-color:#333}.button.--tertiary{border:1px solid #d9d9d9;background-color:#f1f1f1}.button.--tertiary .button__content{color:#4a4a4a}.button.--tertiary:hover:not(.--disabled,.--loading){background-color:#d9d9d9}.button.--quaternary{border:1px solid #d9d9d9;background-color:#f1f1f1}.button.--quaternary .button__content{color:#4a4a4a}.button.--quaternary:hover:not(.--disabled,.--loading){background-color:#d9d9d9}.button.--large{padding:12px 24px}.button.--medium{padding:8px 24px}.button.--small{padding:4px 24px}.button.--disabled{background-color:silver;cursor:not-allowed}.button.--disabled__content{color:gray}.button.--loading{pointer-events:none}