#btnContainer {
     --btn-container-top: 505px;
     top: var(--btn-container-top);
     background-color: transparent; 
     height: 200px;
}  

@supports (-webkit-touch-callout: none) {
   #btnContainer {
       top: calc(var(--btn-container-top) - 13px);
   }
}

/* #btnCeremony, #btnReception, #btnConfirm {
   display: visible;
} */

#btnCeremony {
    top: 0px;
    left: 0%;
    width: 50%; 
    height: 100px;
   /* background-color: pink;  */
}

#btnReception {
    top: 0px;
    left: 50%;
    width: 50%; 
    height: 100px;
    /* background-color: orange;  */
}


#btnConfirm {
    top: 53px;
    left: 25%;
    width: 50%; 
    height: 100px;
    /* background-color: yellow;  */
}