.elementor-6 .elementor-element.elementor-element-8bcf1c2{--display:flex;}/* Start custom CSS for container, class: .elementor-element-8bcf1c2 */.wedding-invite-wrapper{
    position:relative;
    height:100vh;
    overflow:hidden;
    background:#f8f3ed;
}

/* ENVELOPE */
.envelope-container{
    position:absolute;
    width:350px;
    height:500px;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    transition:1s ease;
}

/* BURGUNDY FLORAL PATTERN */
.envelope-body,
.envelope-flap{
    background:
    linear-gradient(rgba(91,0,22,0.9),
    rgba(91,0,22,0.95)),
    url('YOUR-FLORAL-PATTERN-IMAGE');
    background-size:cover;
    border-radius:8px;
}

/* BODY */
.envelope-body{
    position:absolute;
    width:100%;
    height:100%;
    clip-path:polygon(0 0,100% 0,100% 100%,50% 65%,0 100%);
}

/* TOP FLAP */
.envelope-flap{
    position:absolute;
    width:100%;
    height:50%;
    clip-path:polygon(0 0,100% 0,50% 100%);
    transform-origin:top;
    z-index:3;
    transition:1s ease;
}

/* CARD */
.invite-card{
    position:absolute;
    width:80%;
    background:#F8F3ED;
    left:50%;
    top:35%;
    transform:translateX(-50%);
    padding:40px;
    text-align:center;
    border-radius:20px;
    z-index:1;
    transition:1s ease;
}

.invite-card h1{
    font-family: "Cormorant Garamond", serif;
    font-size:52px;
    color:#4b0d17;
}

.invite-card span{
    color:#b08d57;
}

/* GOLD SEAL */
.seal-button{
    position:absolute;
    width:100px;
    height:100px;
    background:linear-gradient(
    145deg,
    #e7cf9f,
    #c49b4f
    );

    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    font-family:"Cormorant Garamond";
    color:#5B0016;
    cursor:pointer;
    z-index:5;

    box-shadow:
    inset 0 0 15px rgba(255,255,255,.4),
    0 8px 20px rgba(0,0,0,.3);
}

/* TEXT */
.invite-text{
    position:absolute;
    bottom:30px;
    width:100%;
    text-align:center;
    color:#d6b26e;
}

.invite-text h2{
    font-family:"Cormorant Garamond";
    font-size:42px;
}

/* WEBSITE */
.wedding-site{
    opacity:0;
    visibility:hidden;
    transition:1s ease;
    height:100vh;
    background:
    linear-gradient(rgba(0,0,0,.45),
    rgba(0,0,0,.45)),
    url('YOUR-WEDDING-PHOTO');
    background-size:cover;
    background-position:center;

    display:flex;
    justify-content:center;
    align-items:center;
}

.hero{
    text-align:center;
    color:white;
}

.hero h1{
    font-size:72px;
    font-family:"Cormorant Garamond";
}

.hero button{
    background:#5B0016;
    color:white;
    border:none;
    padding:18px 40px;
    border-radius:50px;
    cursor:pointer;
}

/* OPEN STATE */
.open .envelope-flap{
    transform:rotateX(180deg);
}

.open .invite-card{
    transform:
    translateX(-50%)
    translateY(-180px);
}

.open + .wedding-site{
    opacity:1;
    visibility:visible;
}/* End custom CSS */