.button--hero:hover, .button.button--hero:active {
    background: #c5ffef;
}

.button--hero {
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    word-wrap: break-word;
    box-sizing: border-box;
    width: -moz-fit-content;
    width: fit-content;
    /*max-width: calc(100vw - calc(var(--grid-width) / var(--grid-columns-count) * 4));*/
    text-decoration: none;
    color: #000028;
    font-size: 1.125rem;
    line-height: 1.5555555556;
    text-align: center;
    /*color: var(--theme-color-2);*/
    font-size: 1.25rem;
    font-family: Siemens Sans Pro Bold, arial, sans-serif;
    line-height: 1.4;
    padding: 16px 56px;
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
    display: block;
}