#btnContainer {
    --btn-container-top: 48px;
    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: 2%;
    right: auto;
    width: 40%; 
    height: 100px;
}

#btnReception {
    top: 0px;
    left: auto;
    right: 4%;
    width: 40%; 
    height: 100px;
}

#btnConfirm {
    top: 70px;
    left: 4%;
    right: auto;
    width: 50%; 
    height: 100px;
}