.callout-content-product {
    margin: 0;
}

.callout-content-product .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background: var(--wp--preset--color--grey);
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
}

.callout-content-product .callout-image {
    width: 40%;
}
.callout-content-product .callout-image img {
    display: block;
}

.callout-content-product .abbr-content {
    padding: var(--wp--custom--layout--block-gap-large);
    width: 60%;
}

.callout-content-product h2.section-title {
    margin: var(--wp--custom--layout--block-gap) 0;
    font-size: var(--wp--preset--font-size--x-large);
    text-transform: none;
    letter-spacing: var(--wp--custom--letter-spacing--none);
}
.callout-content-product .section-desc {
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--medium);
}
/*--------------------------------------------------------------
Style - Post
--------------------------------------------------------------*/
.type-post .callout-content-product .callout-image {
    width: 50%;
}
.type-post .callout-content-product .abbr-content {
    padding: var(--wp--custom--layout--block-gap);
    width: 50%;
}
.type-post .callout-content-product h2.section-title {
    margin: var(--wp--custom--layout--block-gap-small) 0;
    font-size: var(--wp--preset--font-size--large);
}
/*--------------------------------------------------------------
Style - After Post
--------------------------------------------------------------*/
.block-area-after-post .callout-content-product .callout-image {
    width: 50%;
}
.block-area-after-post .callout-content-product .abbr-content {
    padding: var(--wp--custom--layout--block-gap);
    width: 50%;
}
.block-area-after-post .callout-content-product h2.section-title {
    margin: var(--wp--custom--layout--block-gap-small) 0;
    font-size: var(--wp--preset--font-size--large);
}
/*--------------------------------------------------------------
Style - Sidebar
--------------------------------------------------------------*/
.block-area-sidebar .callout-content-product .wrap {
    display: block;
}
.block-area-sidebar .callout-content-product .callout-image {
    width: 100%;
}
.block-area-sidebar .callout-content-product .abbr-content {
    padding: var(--wp--custom--layout--block-gap);
    width: 100%;
}
/*--------------------------------------------------------------
Style - Responsive
--------------------------------------------------------------*/
@media (max-width: 600px) {
    .callout-content-product .wrap {
        display: block;
    }
    .callout-content-product .callout-image, .type-post .callout-content-product .callout-image, .block-area-after-post .callout-content-product .callout-image {
        width: 100%;
    }
    .callout-content-product .abbr-content, .type-post .callout-content-product .abbr-content, .block-area-after-post .callout-content-product .abbr-content {
        padding: var(--wp--custom--layout--block-gap);
        width: 100%;
    }
}