.c-basic-button{color:#2f3032;cursor:pointer}@media(min-width:64em){.c-basic-button:focus-visible{border-radius:20rem;outline:1px dashed #2f3032;outline-offset:3px}}.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{align-items:center;display:inline-flex;flex-flow:row wrap;padding:1.2rem 1.8rem;position:relative}.c-basic-button__background{background-color:#fff;border-radius:20rem;inset:0;position:absolute;transform:scaleX(1);transition:transform .4s cubic-bezier(.2,1.2,.3,1.4);z-index:1}@media(min-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:scale3d(1.05,1.05,1)}}.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{line-height:0;position:relative;z-index:2}.c-basic-button__icon,.c-basic-button__icon svg{height:2rem;width:2rem}.c-basic-button__icon:deep(svg){height:2rem;width:2rem}.c-basic-button__icon{align-items:center;display:flex;flex-flow:row wrap}.c-basic-button__icon path{fill:currentColor}.c-basic-button__label{color:#2f3032;color:currentColor;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:500;line-height:1;position:relative;transition:transform .4s cubic-bezier(.2,1.2,.3,1.4);z-index:2}.c-basic-button__label:not(:first-child){padding-left:1rem}