.c-basic-button{color:#2f3032;cursor:pointer}@media (width>=64em){.c-basic-button:focus-visible{outline-offset:3px;border-radius:20rem;outline:1px dashed #2f3032}}.c-basic-button.-color-green,.c-basic-button.-color-grey,.c-basic-button.-color-red,.c-basic-button.-color-yellow{color:#fff}.c-basic-button__wrapper{flex-flow:wrap;align-items:center;padding:1.2rem 1.8rem;display:inline-flex;position:relative}.c-basic-button__background{z-index:1;background-color:#fff;border-radius:20rem;transition:transform .4s cubic-bezier(.2,1.2,.3,1.4);position:absolute;inset:0;transform:scaleX(1)}@media (width>=64em){.c-basic-button.-is-focused .c-basic-button__background,.c-basic-button:focus-visible .c-basic-button__background,.c-basic-button:hover .c-basic-button__background{transform:scale(1.05)}}.c-basic-button.-color-grey-light .c-basic-button__background{background-color:#ebe8e7}.c-basic-button.-color-grey .c-basic-button__background{background-color:#77797c}.c-basic-button.-color-green .c-basic-button__background{background-color:#60c3ad}.c-basic-button.-color-yellow .c-basic-button__background{background-color:#fec46f}.c-basic-button.-color-red .c-basic-button__background{background-color:#ef4050}.c-basic-button__icon{z-index:2;line-height:0;position:relative}.c-basic-button__icon,.c-basic-button__icon svg{width:2rem;height:2rem}.c-basic-button__icon:deep(svg){width:2rem;height:2rem}.c-basic-button__icon{flex-flow:wrap;align-items:center;display:flex}.c-basic-button__icon path{fill:currentColor}.c-basic-button__label{color:currentColor;z-index:2;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:500;line-height:1;transition:transform .4s cubic-bezier(.2,1.2,.3,1.4);position:relative}.c-basic-button__label:not(:first-child){padding-left:1rem}