.order-btn-container{padding:2rem 0}.order-btn,.order-btn-container{display:flex;justify-content:center;align-items:center}.order-btn{position:relative;width:200px;height:60px;background:hsl(var(--primary));border-radius:7px;overflow:hidden;user-select:none;border:2px solid hsl(var(--primary));transition:.5s;cursor:pointer}.order-btn:hover{transform:scale(1.1)}.order-btn .stars{width:2px;height:2px;z-index:3;transform:translate(-20px,-20px);box-shadow:5px 10px white,10px -2px white,20px 0 white,30px -5px white,-10px -5px white,-15px 2px white,-35px 0 white,5px 10px white,10px -2px white,20px 0 white,30px -5px white,-10px -5px white,-15px 2px white,-35px 0 white,50px 15px white,60px -10px white,70px 20px white,90px -15px white,100px 5px white,110px -25px white,90px 30px white,80px -40px white,-50px 20px white,-70px -10px white,-90px 25px white,-100px -15px white,-110px 10px white,-90px -35px white,-80px 40px white,40px 40px white,30px -40px white,-30px 30px white,-40px -25px white,60px 60px white,-60px -60px white,70px -70px white,-70px 70px white,0 80px white,0 -90px white,90px 0 white,-100px 0 white,45px 5px white,65px 0 white,75px 10px white,-60px 10px white,-40px 10px white,-45px -8px white,-55px -2px white,-30px 17px white}.order-btn .background,.order-btn .stars{position:absolute;background-color:white;border-radius:50%}.order-btn .background{width:50%;height:160%;transform:translate(-100%,50%);box-shadow:-30px -40px 0 -7px #ffffffd8,40px 14px rgba(255,255,255,.507)}.order-btn .background:before{width:80%;height:80%;transform:translate(110%,20%);box-shadow:50px -5px #ffffffb2}.order-btn .background:after,.order-btn .background:before{content:"";background-color:white;position:absolute;border-radius:50%}.order-btn .background:after{width:120%;height:120%;transform:translate(120%,10%);box-shadow:50px -20px #ffffffd8}.order-btn .order{color:hsl(var(--primary-foreground))}.order-btn .done,.order-btn .order{font-weight:600;font-size:1.04rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.order-btn .done{position:absolute;color:hsl(var(--primary))}.car-container{position:absolute;height:60%;width:20%;display:flex;justify-content:center;align-items:center}.car-part1{position:absolute;width:60%;height:20%;background-color:#fed54a;bottom:30%;left:10%}.car-part1:before{width:75%;height:220%;background-color:#b1c5ed;left:20%;clip-path:polygon(0 100%,10% 0,80% 0,100% 100%)}.car-part1:after,.car-part1:before{position:absolute;content:"";bottom:100%}.car-part1:after{width:50%;height:100%;background-color:#fed54a;left:0;clip-path:polygon(0 100%,0 0,50% 0,100% 100%)}.wheels{width:28%;height:35%;left:5%;bottom:15%}.wheels,.wheels:before{position:absolute;background-color:black;border-radius:50%}.wheels:before{content:"";width:80%;height:70%;left:180%;bottom:0}.car-part2{width:7%;height:70%;left:68%;bottom:25%}.car-part2,.car-part2:before{position:absolute;background-color:black}.car-part2:before{content:"";width:155%;height:50%;left:0;bottom:0}.car-part2:after{content:"";position:absolute;width:555%;height:6%;background-color:black;left:0;bottom:0}.details{width:30%;height:3%;top:5%;left:25%}.details,.details:before{position:absolute;background-color:#fed54a}.details:before{content:"";width:50%;height:650%;border-radius:50%;top:1750%;left:-45%}.details:after{content:"";position:absolute;width:30%;height:400%;border-radius:50%;background-color:#fed54a;top:2060%;left:125%}.package-container{position:absolute;width:25%;height:80%;display:flex;justify-content:center;align-items:center}.package{position:absolute;width:45%;height:40%;background-color:#ffb571}.package:after{right:0;transform:rotate(210deg);transform-origin:right;animation:close .5s ease-in-out .3s;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}.package:after,.package:before{content:"";position:absolute;width:50%;height:5%;background-color:#d57d2b;top:-2%}.package:before{left:0;transform:rotate(-210deg);transform-origin:left;animation:close2 .5s ease-in-out .3s;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}@keyframes close{0%{transform:rotate(210deg)}to{transform:rotate(0deg)}}@keyframes close2{0%{transform:rotate(-210deg)}to{transform:rotate(0deg)}}.package-details{position:absolute;background-color:#754433;width:10%;height:10%;top:30%}.package-details:before{content:"";position:absolute;background-color:#ededed;width:100%;height:100%;bottom:-280%;left:-150%}.package-details:after{content:"";position:absolute;background-color:#8f8f8f;width:40%;height:40%;bottom:-230%;left:-105%}.package-text{position:absolute;z-index:2;bottom:32%;right:30%;font-size:.3rem}.background{transform:translate(-100%,50%) scale(1);animation:scale 1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}.package-container{transform:translateY(100%);animation:package 6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}.done{transform:translate(-310%);animation:text2 6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}.order{transform:translate(0);animation:text 6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}.car-container{transform:translate(-310%,8%);animation:car 6s ease;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}@keyframes scale{0%{transform:translate(-100%,50%) scale(1);animation:scale 1s}to{transform:translate(-100%,50%) scale(5);animation:scale 1s}}@keyframes package{0%{transform:translateY(100%)}10%,50%{transform:translate(0)}to{transform:translate(325%)}}@keyframes text{0%{transform:translate(0)}10%,to{transform:translateY(-200%)}}@keyframes text2{0%,50%{transform:translate(-310%)}to{transform:translate(0)}}@keyframes car{0%,10%{transform:translate(-310%,8%)}45%,50%{transform:translate(-60%,8%)}to{transform:translate(350%,8%)}}.order-btn-container #trigger{display:none}#trigger:checked+.order-btn .background,#trigger:checked+.order-btn .car-container,#trigger:checked+.order-btn .done,#trigger:checked+.order-btn .order,#trigger:checked+.order-btn .package-container,#trigger:checked+.order-btn .package:after,#trigger:checked+.order-btn .package:before{animation-play-state:running}#trigger:not(:checked)+.order-btn .background,#trigger:not(:checked)+.order-btn .car-container,#trigger:not(:checked)+.order-btn .done,#trigger:not(:checked)+.order-btn .order,#trigger:not(:checked)+.order-btn .package-container,#trigger:not(:checked)+.order-btn .package:after,#trigger:not(:checked)+.order-btn .package:before{animation:none}#trigger:checked+.order-btn .stars{display:none}