:root{--bg-size:400%;--color-one:#031826;--color-two:#fe4140}.banner{align-items:center;animation:smooth-loop 10s ease-in-out infinite;background:linear-gradient(90deg,#e1dfff,#f8f8f8,#e1dfff);background-position:0 50%;background-size:400% 100%;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;min-height:187px;overflow:hidden;padding:2rem;position:relative;width:100%}.banner-text{animation:move-bg 8s linear infinite;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-one)) 0 0 /var(--bg-size) 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;line-height:23px;margin-bottom:6px;padding:0 20px}.banner-button a,.banner-text{font-weight:700;text-align:center}.banner-button a{background-color:#fe4140;border:none;border-radius:9999px;color:#fff;display:inline-block;font-size:16px;margin-bottom:2rem;margin-top:1rem;padding:15px 35px;text-decoration:none;transition:background-color .3s}.banner-text h2,.banner-text h3{color:unset;margin-bottom:.5rem}.banner-button a:hover{background-color:#d73a36}@media (min-width:1200px){.banner-text h2,.banner-text h3{font-size:20px}.banner p{font-size:16px;line-height:2;line-height:1.7;max-width:500px}}@keyframes move-bg{to{background-position:var(--bg-size) 0}}.banner:after,.banner:before{animation:pulse 6s ease-in-out infinite;background:radial-gradient(ellipse at center,rgba(255,77,77,.6),rgba(255,77,77,0) 80%);content:"";filter:blur(20px);height:100px;pointer-events:none;position:absolute;width:200px}.banner:before{animation-delay:0s;left:-75px;top:-50px}.banner:after{animation-delay:3s;bottom:-50px;right:-75px}@keyframes smooth-loop{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%{opacity:0;transform:scale(1)}25%{opacity:.5;transform:scale(1.05)}50%{opacity:1;transform:scale(1.1)}75%{opacity:.5;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}