.rs-referral-hero{position:relative;min-height:var(--mobile-height, 500px);overflow:hidden}.rs-referral-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.rs-referral-hero__background img{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:749px){.rs-referral-hero__background img{object-position:100% 0!important}}.rs-referral-hero__background-image--desktop{display:none}.rs-referral-hero__background-image--mobile{display:block}@media screen and (min-width:750px){.rs-referral-hero{min-height:var(--desktop-height, 600px)}.rs-referral-hero__background-image--desktop{display:block}.rs-referral-hero__background-image--mobile{display:none}}.rs-referral-hero__container{position:relative;z-index:1;height:100%;display:flex;align-items:center;padding:3rem 2rem;min-height:inherit;max-width:1440px;margin:0 auto}.rs-referral-hero__content{max-width:600px;width:100%}.rs-referral-hero__heading{color:var(--color-text);margin:0 0 1.5rem;line-height:1.2;font-weight:700}.rs-referral-hero__description{color:var(--color-text);margin:0 0 2rem;line-height:1.6}.rs-referral-hero__description p{margin:0 0 .5rem}.rs-referral-hero__description p:last-child{margin-bottom:0}.rs-referral-hero__buttons{display:flex;gap:1rem;flex-wrap:wrap}.rs-referral-hero__button{padding:.875rem 2rem;border-radius:4px;text-decoration:none;display:inline-block;font-weight:600;transition:opacity .3s ease;border:1px solid;cursor:pointer;font-size:1rem}.rs-referral-hero__button:hover{opacity:.9}@media screen and (max-width:749px){.rs-referral-hero--mobile-content-below{display:flex;flex-direction:column;min-height:0}.rs-referral-hero--mobile-content-below .rs-referral-hero__background{position:relative;flex-shrink:0;height:var(--mobile-height, 500px)}.rs-referral-hero--mobile-content-below .rs-referral-hero__container{flex:1 0 auto;min-height:0;background-color:var(--mobile-content-bg, transparent)}}@media screen and (max-width:749px){.rs-referral-hero__container{padding:2rem 1rem}.rs-referral-hero__heading{font-size:1.75rem;margin-bottom:1rem}.rs-referral-hero__description{margin-bottom:1.5rem}.rs-referral-hero__buttons{flex-direction:column;gap:.75rem;width:50%}.rs-referral-hero__button{width:100%;text-align:center;padding:.75rem 1.5rem}}@media screen and (min-width:750px)and (max-width:989px){.rs-referral-hero__container{padding:2.5rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/rs-referral-hero.css.map */