/**
* Hero Block Styles
*/

.hero-title,
.hero-subtitle {
    color: var(--text-color);
}


.hero-button-title {
    color: var(--primary);
}

.hero-button-content {
    color: var(--text-color);
}

.hero-button-content p {
    margin-bottom: 0;
}

.hero-button-card {
    border: 1px solid var(--primary);
}

@media (min-width: 576px) {


    .hero-title,
    .hero-subtitle {
        color: unset;
    }

    .hero-button-card {
        border: none;
    }
}