.custom-hero{position:relative;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.custom-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 0% 50%,#0000004d);pointer-events:none}.custom-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px;padding-bottom:3rem;max-width:90%;text-align:center}.custom-hero__heading{font-family:Asterina,sans-serif;font-size:40px;font-weight:400;line-height:normal;color:#f6f2ee;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0}.custom-hero__button{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;background-color:transparent;border:1px solid #ffffff;border-radius:100px;cursor:pointer;transition:all .3s ease;text-decoration:none}.custom-hero__button:hover{background-color:#ffffff1a;transform:translateY(-2px)}.custom-hero__button[aria-disabled=true]{cursor:not-allowed;opacity:.7}.custom-hero__button-text{font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@media screen and (max-width: 1024px){.custom-hero__content{padding-bottom:2rem;gap:18px}.custom-hero__heading{font-size:28px}.custom-hero__button-text{font-size:14px}.custom-hero__button{padding:8px 18px}}@media screen and (max-width: 767px){.custom-hero{background-position:center center}.custom-hero__content{padding-bottom:40px;gap:20px;max-width:95%}.custom-hero__heading{font-size:22px;white-space:normal;line-height:1.3}.custom-hero__button{padding:8px 20px;width:fit-content}.custom-hero__button-text{font-size:12px}}@media screen and (max-width: 480px){.custom-hero__content{padding-bottom:35px;gap:16px}.custom-hero__heading{font-size:24px}.custom-hero__button{padding:7px 16px;max-width:200px}.custom-hero__button-text{font-size:11px}}@media screen and (max-width: 360px){.custom-hero__heading{font-size:24px}.custom-hero__content{padding-bottom:30px;gap:14px}.custom-hero__button-text{font-size:10px}.custom-hero__button{padding:6px 14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-custom-hero-image-with-button.css.map */