.button{display:inline-flex;border:none;align-items:center;justify-content:center;gap:.5em;min-width:10em;padding:1em 1.5em 1em 2em;border-radius:0;background-color:var(--color-brand);color:var(--color-gray-95);font-size:var(--font-size-small);font-weight:600;line-height:var(--line-height-dense);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-default);transition-property:background-color,box-shadow,color}@media (hover: hover){.button:hover,.button:focus{background-color:var(--color-light-lavender);color:var(--color-gray-95)}}@media (prefers-contrast: more){.button{background-color:var(--color-brand-light);border:2px solid var(--color-strong)}}.button .icon{margin-left:0}.button--light{box-shadow:0 0 0 1.5px var(--color-strong) inset;background:none}@media (hover: hover){.button--light:hover,.button--light:focus{background-color:var(--color-strong);color:var(--color-invert)}}