.mira_hero_a2-layout {
    --pk-text-desktop-font-size: var(--desktop-body-xl);
    --button-border-color-2: #ffffff;
    --button-text-color-2: #ffffff;

    position: relative;
    color: #ffffff;
    padding-block: var(--pk-row-spacing);
}

.mira_hero_a2-layout .hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    user-select: none;
}

.mira_hero_a2-layout .pk-row {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: max(.5rem, calc(.5 * var(--su)));
    overflow: hidden;
    padding-block: calc(5 * var(--su));
    padding-inline: calc(4 * var(--su));
    min-height: 700px;
}
.mira_hero_a2-layout .pk-row::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.25);
}
.mira_hero_a2-layout .pk-grid-container {
    position: relative;
    z-index: 5;
}

.mira_hero_a2-layout .pk-heading {
    color: inherit;
    max-width: 1000px;
}

.mira_hero_a2-layout .pk-text {
    font-size: var(--pk-text-desktop-font-size);
    max-width: 675px;
}

.mira_hero_a2-layout .pk-button-group .pk-button:nth-child(2):not(:hover) {
    color: #ffffff;
    border-color: #ffffff;
}

.mira_hero_a2-layout .pk-text,
.mira_hero_a2-layout .pk-button-group {
    margin-top: calc(2 * var(--su));
}

@media screen and (max-width: 992px) {
    .mira_hero_a2-layout {
        padding-block: calc(4rem / 2);
    }
    .mira_hero_a2-layout .pk-row {
        padding-block: calc(5rem / 2);
        padding-inline: calc(4rem / 2);
    }
}

@media screen and (max-width: 767px) {
    .mira_hero_a2-layout {
        padding-block: calc(4rem / 4);
    }
    .mira_hero_a2-layout .pk-row {
        padding-block: calc(5rem / 4);
        padding-inline: calc(4rem / 4);
    }

    .mira_hero_a2-layout .pk-text,
    .mira_hero_a2-layout .pk-button-group {
        margin-top: 1.5rem;
    }
}