.revelation-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100vw;height:100vh;background:linear-gradient(0deg,#fff1eb 0,#ace0f9);overflow:hidden;transition:all 1s ease-in;z-index:0;.sparkles-effect{z-index:1}.gender-question{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-32px;color:white;font-size:48px;font-weight:700;line-height:32px;z-index:2;& strong{font-size:128px;line-height:128px;&:first-child{margin-bottom:-16px;background:linear-gradient(-45deg,#3CF0C5,#338AFF);background-clip:text}&:first-child,&:nth-child(2){-webkit-text-fill-color:transparent}&:nth-child(2){margin-top:-16px;background:linear-gradient(-45deg,#FFA63D,#FF3D77);background-clip:text}}}.reveal-countdown{position:relative;margin-top:-32px;font-size:128px;font-weight:700;z-index:2}.gender-revelation{position:relative;margin-top:-32px;font-size:128px;font-weight:700;line-height:96px;transition:color .2s ease-in;z-index:2;.gender-first-letter{opacity:0;animation-delay:1s}.gender-second-letter{opacity:0;animation-delay:1.5s}.gender-third-letter{opacity:0;animation-delay:2s}.gender-fourth-letter{opacity:0;animation-delay:2.5s}.gender-fifth-letter{opacity:0;animation-delay:3s}.gender-last-letter{opacity:0;animation-delay:3.5s}}.gender-boy{color:blue}.gender-boy,.gender-girl{position:relative;z-index:2}.gender-girl{color:pink}.baby-name-message{position:relative;font-size:64px;opacity:0;animation-delay:4s;z-index:2}& button{position:relative;width:296px;height:96px;border-radius:48px;color:white;font-size:40px;font-weight:600;background:linear-gradient(-45deg,#FFA63D,#FF3D77,#338AFF,#3CF0C5);backdrop-filter:blur(10px);outline:none;animation:anime 16s infinite;background-size:600%;cursor:pointer;z-index:2}}@keyframes anime{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:600px){.gender-question{font-size:32px!important;& strong{font-size:96px!important;line-height:64px}}.gender-revelation{font-size:96px!important}.baby-name-message{font-size:48px!important;text-align:center}}