.text-with-button {
    .inner {
        background: linear-gradient(to bottom, #eaecee 0%, #eaecee 70%, #F2B907 70%, #F2B907 100%);
        padding-top: 2rem;
        padding-inline: 1rem;
        margin-bottom: 2rem;

        .content {
            .text {
                margin-top: 0.5rem;
                margin-bottom: 1rem;
            }
            .btn {
                margin-bottom: 2rem;
            }
        }
    }
}

@media only screen and (min-width:992px) {
.text-with-button {
    .inner {
        display: flex;
        gap: 2rem;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 2rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
        margin-inline: 3rem;
        background: linear-gradient(to right, #eaecee 0%, #eaecee 80%, #F2B907 80%, #F2B907 100%);
        padding-inline: 4rem;

        .content {
            .title {
                font-size: 32px;
            }
            .text {
                white-space: pre-wrap;
            }
            .btn {
                margin-bottom: 0;
            }
        }
        .image {
            max-width: 35%;
        }
    }
}
}