.bottom-section{color:#fff;text-align:center;background-color:#1a1a2e;padding:4rem 0}.bottom-section .bottom-section-container{max-width:960px;margin:0 auto}.bottom-section .heading{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:1.5rem}.bottom-section .subtext{color:#ccc;font-size:1.125rem;margin-bottom:2.5rem}.bottom-section .newsletter-form{display:flex;gap:1rem;max-width:480px;margin:0 auto}.bottom-section .newsletter-form input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:none}.bottom-section .newsletter-form button{background:linear-gradient(90deg,#ffd100,#4a90e2,#8b5a2b,#4caf50);background-size:300% 100%;color:#fff;font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:opacity .3s ease}.bottom-section .newsletter-form button:hover{background-position:100% 0}.bottom-section .feature .feature-icon{width:2.5rem;height:auto;margin-bottom:.75rem;display:block;margin-left:auto;margin-right:auto}.bottom-section .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.bottom-section .feature{background:#ffffff0d;padding:1.25rem;border-radius:.75rem}.bottom-section .feature i{font-size:1.75rem;margin-bottom:.75rem;display:block}.bottom-section .feature h3{font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.bottom-section .feature p{color:#aaa;font-size:.875rem}.bottom-section .social h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.bottom-section .social .icons{display:flex;justify-content:center;gap:1.5rem}.bottom-section .social .icons a{font-size:1.5rem;color:#fff;transition:color .3s ease}.bottom-section .social .icons a:hover{color:#ffd100}@media (max-width: 768px){.bottom-section .newsletter-form{max-width:480px;margin:0 20px;display:block}}@media (min-width: 768px){.bottom-section{padding:48px 24px}.heading{font-size:2.25rem}.bottom-section__feature-grid{gap:40px}.newsletter-form__fields{flex-direction:row}.newsletter-form__input{flex-grow:1;min-width:300px}.newsletter-form__button{flex-shrink:0;max-width:200px}}@media (min-width: 1024px){.bottom-section{padding:48px 32px}.bottom-section__feature-grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bottom-section.css.map */
