.gg-banner-01 {
    background-color: var(--wp--preset--color--primary-40);
    border-radius: var(--gg-radius--s);

    max-width: var(--wrapper-width, 1380px);

    margin: var(--wp--preset--spacing--m) auto;
    padding: var(--wp--preset--spacing--m);
}

.gg-banner-01__wrapper {
    padding: var(--wp--preset--spacing--m);
    background-image: var(--_gg-banner-01-bg-image, none);
    background-size: cover;
    background-position: center;
}

.gg-banner-01__title {
    margin-bottom: var(--wp--preset--spacing--s);
}

.gg-banner-01__description {
    margin-bottom: var(--wp--preset--spacing--m);
}

.gg-banner-01__sm {
    display: flex;
    gap: var(--wp--preset--spacing--s);
    margin-top: var(--wp--preset--spacing--s);
}

.gg-banner-01__sm-cta {
    display: block;
}

.gg-banner-01__sm-cta .social-icon {
    width: 40px;
    height: 40px;
    transition: all var(--gg-transition--default);
    fill: var(--wp--preset--color--green-highlight);
}

.gg-banner-01__sm-cta .social-icon:hover {
    fill: var(--wp--preset--color--primary);
}

@media (min-width: 1100px) {

    .gg-banner-01 {
		--_padding-inline: 160px;
		--_gap: 110px;
    }

    .gg-banner-01__container {
        display: grid;
        grid-template-columns: 3.5fr 5fr;
		align-items: center;
        gap: var(--_gap);
    }

	.gg-banner-01__title {
		margin-bottom: 0;
		text-wrap: balance;
        text-align: center;
	}

	.gg-banner-01__description {
		margin-top: 12px;
		margin-bottom: var(--wp--preset--spacing--s);
	}

}