.LittleBannerComponent{background:linear-gradient(0deg,rgba(255,242,238,0) 27%,#fff2ee 0,#fff2ee),#1d4444;display:flex;justify-content:center;position:relative}.LittleBannerComponent.background-green-800{background-color:#1d4444}.LittleBannerComponent.background-nude-200{background-color:#fff2ee}.LittleBannerComponent.background-white{background-color:#fff}.LittleBannerComponent .wrapper{display:grid;gap:0 .5rem;grid-template-columns:repeat(4,1fr);padding:4.5rem 2rem;position:relative;width:100%}.LittleBannerComponent .button,.LittleBannerComponent .button__icon-container,.LittleBannerComponent .container{align-items:center;display:flex;flex-direction:column;justify-content:center}.LittleBannerComponent .container{background-color:#ef927b;border-radius:1rem;box-shadow:0 16px 40px rgba(29,68,68,.2);color:#fff;grid-column:1/-1;padding:2rem;position:relative;text-align:center}.LittleBannerComponent .picture{height:100%;left:-1rem;max-width:100%;position:absolute;top:-4.25rem;width:13.125rem}.LittleBannerComponent .picture__image{height:auto;width:100%}.LittleBannerComponent .helmet{margin-bottom:.5rem}.LittleBannerComponent .helmet *{font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:2px;line-height:1.5rem;margin:0;text-transform:uppercase}.LittleBannerComponent .heading{margin-bottom:2rem}.LittleBannerComponent .heading *{font-family:Wonder,Georgia,Times New Roman,Times,serif;font-size:1.5rem;font-weight:500;line-height:2rem;margin:0}@media (min-width:36rem){.LittleBannerComponent .heading *{font-size:1.75rem;line-height:2.5rem}}.LittleBannerComponent .button{align-items:center;background-color:#fff;border:2px solid transparent;border-radius:6.25rem;color:#ef927b;cursor:pointer;display:inline-flex;flex-direction:column;flex-direction:row;font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:2px;line-height:1rem;margin:0 auto;padding:1rem 1.5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.LittleBannerComponent .button span{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.LittleBannerComponent .button:hover span{transform:translateX(8px)}.LittleBannerComponent .button__icon{background:currentColor;margin-left:1.125rem;mask:100%;-webkit-mask:url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\a 	  <path d="M2 8H14M14 8L10 4M14 8L10 12" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>\a 	  </svg>\a')}@media (min-width:36rem){.LittleBannerComponent .wrapper{display:grid;gap:0 1rem;grid-template-columns:repeat(8,1fr);padding:4.5rem 2.5rem}.LittleBannerComponent .container{grid-column:2/-2;padding:2rem 3rem}.LittleBannerComponent .picture{left:-4rem;width:16.25rem}}@media (min-width:67.5rem){.LittleBannerComponent .wrapper{display:grid;gap:0 2rem;grid-template-columns:repeat(12,1fr);max-width:1440px;padding:4.5rem 7rem}.LittleBannerComponent .container{grid-column:1/-1}.LittleBannerComponent .picture{left:12.25rem;top:-4rem}}