
.callout-content-simple.has-background {
    padding: 0;
    margin-top:0!important;
    margin-bottom: 0!important;
    overflow: hidden;
}
.callout-content-simple.content-simple-default.has-background {
    margin: 40px auto!important;
}
.callout-content-simple .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.callout-content-simple .callout-image {
    width: 50%;
}
.callout-content-simple .callout-content-group {
    width: 50%;
    padding: 40px;
}
.callout-content-simple .callout-overprint {
    font-size: var(--wp--preset--font-size--xxsmall);
    font-family: var(--wp--preset--font-family--custom-sans);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
    border-bottom: 1px solid var(--wp--preset--color--ink);
    padding-bottom: 3px;
    width: fit-content
}
.callout-content-simple .callout-title {
    margin: var(--wp--custom--layout--block-gap) 0;
}
.callout-content-simple .content-content p {
    margin: 0 0 var(--wp--custom--layout--block-gap);
}
.callout-content-simple .content-content:last-child {
    margin: 0;
}

.callout-content-simple .block-callout-button {
    background: var(--wp--preset--color--ink);
    color: var(--wp--preset--color--white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--wp--custom--layout--block-gap) 0 0;
    line-height: 1;
    border-radius: 25px;
    padding: 15px 25px;
    width: fit-content;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
}
.callout-content-simple .block-callout-button-text {
    font-family: var(--wp--preset--font-family--custom-sans);
    font-size: var(--wp--preset--font-size--xxsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}
.callout-content-simple .block-callout-button svg {
    fill: var(--wp--preset--color--white);
    transform: rotate(-90deg);
    margin-left: 5px;
    width: 15px;
    height: 15px;
}
.callout-content-simple .block-callout-button:hover {
    background: var(--wp--preset--color--pink);
    color: var(--wp--preset--color--ink);
    opacity:1;
}
.callout-content-simple .block-callout-button:hover .block-callout-button-text {
    color: var(--wp--preset--color--ink);
}
.callout-content-simple .block-callout-button:hover svg {
    fill: var(--wp--preset--color--ink);
}
/*--------------------------------------------------------------
## Layout: WIDE
--------------------------------------------------------------*/
.callout-content-simple.content-simple-wide {
    padding: 0;
    margin: 0 calc(-1* var(--wp--custom--layout--block-gap));
    max-width: 100vw !important;
}
.callout-content-simple.content-simple-wide .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 20px;
}
.callout-content-simple.content-simple-wide .callout-image {
    width: 30%;
}
.callout-content-simple.content-simple-wide .callout-image img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border: 10px solid #FFFF;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
}
.callout-content-simple.content-simple-wide .callout-image.img-position-left {
    transform: rotate(-4deg);

}
.callout-content-simple.content-simple-wide .callout-content-group.group-right {
    width: 70%;
    padding: 0 0 0 60px;
}
.callout-content-simple.content-simple-wide .callout-image.img-position-right {
    transform: rotate(4deg);

}
.callout-content-simple.content-simple-wide .callout-content-group.group-left {
    width: 70%;
    padding: 0 60px 0 0;
}
/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media (max-width:1024px) {
    .callout-content-simple .wrap {
        display: block;
    }

    .callout-content-simple .callout-content-group {
        width: 100%;
        padding: 40px;
    }

    .callout-content-simple .callout-image {
        width: 100%;
    }
}
@media (max-width:900px) {
    .callout-content-simple.content-simple-wide .wrap {
        display: block;
    }
    .callout-content-simple.content-simple-wide .callout-image {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .callout-content-simple.content-simple-wide .callout-content-group.group-right {
        width: 100%;
        padding: 60px 40px 0;
    }
    .callout-content-simple.content-simple-wide .callout-content-group.group-left {
        width: 100%;
        padding: 0 40px 60px;
    }
}