.hero-banner--wide {
    padding: 3rem 0;
    background: var(--color-primary-accent);
}
.hero-banner .hero-banner__content {
    position: relative;
    padding: 60px 40px;
    height: 351px;
    border-radius: var(--medium-border-radius);
}

.hero-banner .primary-button {
    margin-top: 60px;
}

.hero-banner .hero-banner__main-title {
    color: #F7482F;
    font-size: 40px;
    font-weight: bolder;
}

.hero-banner .hero-banner__description,
.hero-banner .hero-banner__description p {
    color: #fff;
}

@media (max-width: 768px) {
    .hero-banner .hero-banner__content {
        padding: 40px 40px;
    }
}

.hero-banner .primary-button {
    padding: 8px 16px;
}