.year-end-banner{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}.year-end-banner picture,.year-end-banner img{width:100%;height:auto;display:block}.year-end-step{position:relative}.year-end-step:not(.is-active){display:none}.year-end-btn,.year-end-content{position:absolute;pointer-events:none}.year-end-content .year-end-code .code-text,.year-end-content .year-end-code span{font-size:3.2rem;font-weight:700}.code-copy-btn{height:25px;margin-left:3px}.year-end-btn,.year-end-content button{pointer-events:auto}.year-end-content .year-end-cta .cta-btn{font-size:1.9rem;border-radius:135.448px;border:2.709px solid #fff;background:linear-gradient(189deg,#007621 -67.51%,#00aa30 91.88%);box-shadow:0 2.709px 13.545px #00762163,0 5.418px 5.418px #007621 inset;font-weight:700;color:#fffcf9;height:6.2rem;line-height:6.2rem;width:29.8rem}.year-end-content .year-end-cta .cta-tip{color:#000c;text-align:center;font-family:Outfit;font-size:1.7rem;margin-top:.9rem}@media screen and (max-width:768px){.year-end-content{bottom:13%;left:50%;transform:translate(-50%)}.year-end-cta{margin-top:2.5rem}.year-end-content .year-end-cta .cta-btn{font-size:1.2rem;border-radius:81.818px;border:1.636px solid #fff;background:linear-gradient(189deg,#007621 -67.51%,#00aa30 91.88%);box-shadow:0 1.636px 8.182px #00762163,0 3.273px 3.273px #007621 inset;font-weight:700;color:#fffcf9;height:3.8rem;line-height:3.8rem;width:18rem}.year-end-content .year-end-cta .cta-tip{color:#000c;text-align:center;font-family:Outfit;font-size:1rem;margin-top:.7rem}.year-end-content .year-end-code .code-text,.year-end-content .year-end-code span{font-size:1.6rem;font-weight:700}.year-end-code{display:flex;align-items:center;justify-content:center}.code-copy-btn{height:16px}.code-copy-btn svg{width:16px;height:16px}}@media screen and (min-width:769px){.year-end-content{display:flex;flex-wrap:wrap;justify-content:space-between;left:50%;bottom:22.8%;transform:translate(-50%);width:55%}.year-end-content .year-end-code{width:40%;text-align:center;display:flex;align-items:center;justify-content:center}.year-end-content .year-end-cta{width:52%;text-align:center;margin-top:-8%}.code-copy-btn svg{width:25px;height:25px}}@media screen and (min-width:1800px){.year-end-content{bottom:24%}}
/*# sourceMappingURL=/cdn/shop/t/261/assets/year-end-banner.css.map */