.mira_cta_a1-layout {
    position: relative;
    color: #fff;
}

.mira_cta_a1-layout .pk-grid-container{
    position: relative;
}

.mira_cta_a1-layout .pk-grid-container > div {
    border-radius: max(.5rem, calc(.5 * var(--su)));
    background-color: var(--black-80);
    display: flex;
    flex-wrap: wrap;
    padding: calc(3 * var(--su)) calc(5.5 * var(--su));
}

.mira_cta_a1-layout .pk-grid-container .content-wrapper{
    height: 100%;
    flex-basis: 55%;
}

.mira_cta_a1-layout .pk-grid-container .button-wrapper{
    height: 100%;
    flex-basis: 45%;
    align-items: end;
    justify-content: flex-end;
}

.mira_cta_a1-layout .pk-grid-container .pk-button-group{
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end;
}

.mira_cta_a1-layout .pk-button{
    height: fit-content;
}
    
.mira_cta_a1-layout .pk-grid-container h3{
    color: inherit;
    margin-bottom: calc(2 * var(--su));
}

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

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

    .mira_cta_a1-layout .pk-grid-container > div {
        gap: 2.5rem;
    }

    .mira_cta_a1-layout .pk-grid-container .content-wrapper,
    .mira_cta_a1-layout .pk-grid-container .button-wrapper{
        flex-basis: 100%;
        height: unset;
    }

    .mira_cta_a1-layout .pk-grid-container > div {
        padding: 1.5rem;
    }

    .mira_cta_a1-layout .pk-grid-container .pk-button-group{
        height: unset;
        align-items: start;
        justify-content: start;
    }
    
    .mira_cta_a1-layout .pk-button{
        width: 100%;
        justify-content: center;
    }

}