.banner{padding:3.75rem 5rem;width:100%;height:calc(100vh + 7rem);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.banner__media{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-1}.banner__container{display:flex;justify-content:flex-end}.banner__content{display:flex;flex-direction:column;justify-content:end;max-width:45rem;padding:3.125rem 3.125rem 5rem;border-radius:.5rem}.banner__button-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:end;margin-top:2rem}.banner__title{display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-start;font-size:2.65rem;font-weight:300;line-height:1.2}.banner__description{font-size:1.25rem;font-weight:300;line-height:1.5;margin-top:1rem}.banner__button{font-size:1.25rem;font-weight:300;background-color:transparent;padding:1rem 3rem;width:fit-content;border-radius:9999px;border:1px solid #fff;text-decoration:none;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:center}.banner__button:hover{background-color:var(--green-color);color:#fff;border-color:var(--green-color)}.banner__button:hover svg{transform:translate(2.5px)}.banner__text--desktop-right{width:50%;max-width:600px}@media (max-width: 768px){.banner__container{display:flex;justify-content:center;height:auto}.banner{height:auto;padding-left:1.5rem;padding-right:1.5rem}.banner__content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding:2rem}.banner__title{font-size:1.5rem}.banner__description{font-size:1rem}.banner__button{padding:.85rem 3rem;font-size:1rem;width:100%}.banner__content{justify-content:center}.banner__text{display:flex;flex-direction:column;justify-content:center;align-items:center}.banner__description p{font-size:1rem;font-weight:300;line-height:1.4}.banner__button-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 992px){.banner__container{display:flex;justify-content:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/banner-with-cta-custom.css.map */