.group-block__link {
    position: absolute;
    inset: 0;
}

.group-block__link~:is(.group-block-content, .group-block__media-wrapper) {
    pointer-events: none;

    a,
    button,
    input,
    textarea,
    select {
        pointer-events: auto;
    }
}

/* Needs the .group-block__link ~ to be specific enough to take effect. */
.group-block__link~.group-block-content--design-mode {
    pointer-events: auto;
}

.hero-group {
    width: 100%;
    display: flex;
}

.hero-group .group-block,
.hero-group .hero-group__inner {
    width: 100%;
}

.hero-group .link,
.hero-group .button,
.hero-group .button-secondary {
    font-size: var(--font-size);
}

@media(max-width: 768px) {

    .hero-group .link,
    .hero-group .button,
    .hero-group .button-secondary {
        font-size: var(--mobile-font-size);
    }
}