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

.mira_cta_c1-layout .pk-grid-container > div {
    /*padding: 4rem;*/
    padding: calc(4 * var(--su));
    /*border-radius: .5rem;*/
    border-radius: max(.5rem, calc(.5 * var(--su)));
    background-color: var(--stone-40);
    display: flex;
    align-items: center;
    /*gap: 4rem;*/
    gap: calc(4 * var(--su));
}

.mira_cta_c1-layout .content-wrapper{
    flex-basis: auto;
}

.mira_cta_c1-layout .cta-wrapper{
    /*max-width: 350px;*/
    flex-grow: 1;
    flex-basis: auto;
    flex-shrink: 0;
}

.mira_cta_c1-layout .cta-wrapper a{
    position: relative;
    display: flex;
    background-color: var(--button-bg-1);
    aspect-ratio: 1;
    /*border-radius: .5rem;*/
    border-radius: max(.5rem, calc(.5 * var(--su)));
    /*padding: 1rem;*/
    padding: calc(1 * var(--su));
    text-decoration: none;
    color: inherit;
    align-items: end;
    font-size: var(--desktop-body-xl);
    font-weight: 600;
}

.mira_cta_c1-layout .cta-wrapper a span{
    content: '';
    position: absolute;
    top: calc(1 * var(--su));
    right: calc(1 * var(--su));
    background-color: #fff;
    font-size: calc(2 * var(--su));
    width: calc(3 * var(--su));
    height: calc(3 * var(--su));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: rotate(-45deg);
    transition: transform 180ms ease-in-out;
}

.mira_cta_c1-layout .cta-wrapper a:is(:hover,:active,:focus) span{
    transform: rotate(0deg);
}
    
.mira_cta_c1-layout .pk-grid-container h3{
    color: inherit;
    margin-bottom: calc(1.5 * var(--su));
}

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

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

    .mira_cta_c1-layout .pk-grid-container > div {
        gap: 2.5rem;
        flex-direction: column;
        align-items: unset;
        padding: 1.5rem 1rem;
    }

    .mira_cta_c1-layout .pk-grid-container .cta-wrapper{
        flex-basis: 100%;
        max-width: unset;
    }
    
    .mira_cta_c1-layout .pk-grid-container .cta-wrapper a{
        aspect-ratio: 16/9;

    }

}