.mira_cta_d1-layout {
    position: relative;
    color: #fff;
}
.mira_cta_d1-layout .pk-grid-container{
    position: relative;
}

.mira_cta_d1-layout .pk-grid-container > div {
    border-radius: max(.5rem, calc(.5 * var(--su)));
    background-color: var(--black-80);
    overflow: clip;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mira_cta_d1-layout .pk-grid-container .content-wrapper{
    padding: calc(5.5 * var(--su)) calc(5 * var(--su));
    flex-basis: 60%;
}

.mira_cta_d1-layout .pk-grid-container .image-wrapper{
    aspect-ratio: 1;
    overflow: clip;
    position: relative;
    flex-basis: 40%;
    max-width: calc(25 * var(--su));
}

.mira_cta_d1-layout .pk-grid-container .image-wrapper img{
    object-fit: cover;
    width: 100%; height: 100%;
    position: absolute;
}

.mira_cta_d1-layout .pk-grid-container h3{
    color: inherit;
    margin-bottom: calc(2 * var(--su));
}

@media only screen and (max-width: 992px){
    .mira_cta_d1-layout .pk-grid-container .content-wrapper{
        padding: 2.5rem;
    }
}

@media only screen and (max-width: 767px){

    .mira_cta_d1-layout .pk-grid-container .image-wrapper,
    .mira_cta_d1-layout .pk-grid-container .content-wrapper{
        flex-basis: 100%;
        height: unset;
        max-width: unset;
    }

    .mira_cta_d1-layout .pk-grid-container .content-wrapper {
        padding: 1.5rem;
    }
    
    .mira_cta_d1-layout .pk-button{
        width: 100%;
        justify-content: center;
    }

}