.brxe-hero {
    padding: 120px 24px;
    justify-content: center;
    background: var(--gray-900);
}

.brxe-hero-title, .brxe-hero-subtitle, .brxe-hero-above-title {
    width: var(--full);
    color: var(--white);
}

.brxe-hero-above-title {
    font-size: var(--font-h6);
    margin-bottom: var(--gap-xs);
}

.brxe-hero-subtitle {
    font-size: var(--font-body-l);
}

.brxe-hero-buttons {
    display: flex;
    width: 100%;
    padding-top: var(--gap-m);
    gap: var(--gap-s);
}

.brxe-hero-buttons a {
    white-space: nowrap;
}