.button{--button-color: var(--color-dark-grey);--button-border-color: var(--color-primary);--button-background: none;--button-border-width: 1px;--button-padding-inline: 1em;--button-padding-block: 16px;--button-flex-gap: .4em;--button-icon-color: currentColor;--button-border-radius: 1.625em;display:inline-flex;padding-inline:var(--button-padding-inline);padding-block:var(--button-padding-block);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background:var(--button-background);box-sizing:border-box;height:52px;color:var(--button-color);font-size:inherit;font-family:var(--font-roboto);line-height:1em;text-align:start;text-decoration:none;align-items:center;justify-content:center;gap:var(--button-flex-gap);word-break:break-word;cursor:pointer;outline:none}@media screen and (max-width:767px){.button{height:48px;line-height:18px;--button-padding-block: 15px}}.button *{flex:none}.button svg path{stroke:var(--button-icon-color)}.button--primary{--button-background: var(--color-dark-grey);--button-color: var(--color-background-white);--button-border-color: var(--color-dark-grey)}.button--primary-icon{--button-icon-color: var(--color-primary)}.button--minimal{--button-background: none !important;--button-border-color: transparent !important;--button-padding-inline: 0;border-radius:0!important}.button--square{--button-border-radius: 0}.button:not(.button--primary):hover{--button-background: var(--color-background-primary-L92)}.button:not(.button--primary):active{--button-background: var(--color-background-primary-L85)}.button:focus-visible{--button-border-color: var(--color-focus);outline:var(--outline);outline-offset:var(--outline-offset)}.button--primary:hover{--button-color: var(--color-background-primary-L92)}.button--primary:focus-visible{--button-background: var(--color-focus)}.button--primary:active{--button-color: var(--color-background-primary-L85)}
