.flip-box-700dd473-container {
    background-color: transparent;
    perspective: 1000px;
    width: 100%;
    /* We use grid to allow dynamic height syncing */
    display: grid;
    grid-template-columns: 1fr;
}

.flip-box-700dd473-inner {
    position: relative;
    width: 100%;
    /* Grid child automatically stretches to fill container height */
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    display: grid;
    grid-template-columns: 1fr;
}

.flip-box-700dd473-container.flipped .flip-box-700dd473-inner {
    transform: rotateY(180deg);
}

.flip-box-700dd473-front, .flip-box-700dd473-back {
    /* Stack them using grid area so they overlap natively without absolute position causing 0-height */
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 8px;
}

.flip-box-700dd473-back {
    background-color: #f7f7f7;
    transform: rotateY(180deg);
    cursor: pointer;
}

.flip-box-700dd473-heading {
    margin-top: 0;
}

.flip-box-700dd473-text {
    margin-top: 0;
}

.flip-box-700dd473-btn {
    cursor: pointer;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Button Types */
.flip-box-btn-type-filled .flip-box-700dd473-btn {
    border: 1px solid transparent;
}
.flip-box-btn-type-outline .flip-box-700dd473-btn {
    background: transparent;
}
.flip-box-btn-type-text .flip-box-700dd473-btn {
    background: transparent;
    border: none;
    padding: 0;
}

.flip-box-700dd473-btn .elementor-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.flip-box-700dd473-btn .elementor-button-icon svg {
    width: 1em;
    height: 1em;
    transition: fill 0.3s ease;
}
.flip-box-700dd473-btn .elementor-button-icon i {
    transition: color 0.3s ease;
}

/* Icon Shapes */
.flip-box-icon-shape-circle .flip-box-700dd473-btn .elementor-button-icon {
    border-radius: 50%;
}
.flip-box-icon-shape-square .flip-box-700dd473-btn .elementor-button-icon {
    border-radius: 0;
}
