Paste this in your Custom CSS:
.btn-light {
background-color: #fff3 !important;
color: #fff !important;
border: none !important;
}
.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:focus-visible {
background-color: #fff4 !important;
color: #fff !important;
border: none !important;
}
#biolink_block_id_641 {
display: none !important;
}
.btn-gift {
border: 3px solid #fff !important;
border-style: dashed !important;
}
.btn-gift:hover,
.btn-gift:active,
.btn-gift:focus,
.btn-gift:focus-visible {
border: 3px solid #fff !important;
border-style: dashed !important;
}
#celebration-gif {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 9999;
max-width: 80vw;
max-height: 80vh;
pointer-events: none;
}
Paste this in the Custom JS:
function throwConfetti() {
confetti({
particleCount: 150,
spread: 70,
origin: {
y: .7
},
colors: ["#bd4b00", "#ffffff", "#00bd7e", "#3375fa", "#cac64e"]
})
}
function showCelebration(e = 6e3) {
const t = document.getElementById("celebration-gif");
t.style.display = "block", setTimeout((() => {
t.style.display = "none"
}), e)
}
Enjoy it!

