.button{display:flex;justify-content:flex-start;align-items:center;gap:1rem;text-decoration:none;position:relative;border-radius:3rem;cursor:pointer}.button>span{font-size:.875rem;font-style:italic;font-weight:700}.button svg{width:1.75rem;height:1.75rem;fill:currentColor}.button svg+*{margin-inline-start:1rem}.button.with-icon{padding:.375rem .375rem .375rem 1rem;background-color:var(--white);box-shadow:0 4px 10px rgba(0,0,0,.03)}.button.with-icon:hover{box-shadow:0 4px 10px rgba(0,0,0,.1)}.button.with-icon>span{color:var(--charcoal)}.button[data-variant=link]{text-decoration:underline;color:var(--charcoal)}.button[data-variant=red]{font-style:italic;background:var(--red);color:var(--white);justify-content:center;padding:.75rem 1.5rem;border:0}.button[data-variant=red-outline]{font-style:italic;background-color:var(--white);border:1px solid var(--red);padding:.75rem 1.5rem;color:var(--charcoal)}.button[data-width=full]{width:100%;text-align:center;justify-content:center}