.ambassador-how{padding-top:var(--section-pt-mobile);padding-bottom:var(--section-pb-mobile)}.ambassador-how__inner{display:flex;flex-direction:column;gap:var(--space-xl)}.ambassador-how__heading{font-size:28px;margin:0 0 var(--space-l)}.ambassador-how__steps{display:flex;flex-direction:column;gap:var(--space-l)}.ambassador-how__step-number{display:block;font-size:var(--text-m);color:#7f8f74;margin-bottom:var(--space-xs)}.ambassador-how__step-title{font-size:28px;margin:0 0 var(--space-xs)}.ambassador-how__step-body{font-size:var(--text-s);color:var(--color-philippine-gray)}.ambassador-how__actions{margin-top:24px}.ambassador-how__button{width:100%;justify-content:center}@media(max-width:519.98px){.ambassador-how__button.button--primary{color:var(--color-raisin-black);background:transparent}.ambassador-how__button.button--primary span{color:var(--color-raisin-black)}.ambassador-how__button.button--primary:active{color:var(--color-white);background:var(--color-raisin-black)}.ambassador-how__button.button--primary:active span{color:var(--color-white)}}.ambassador-how__media{width:100%;order:-1}.ambassador-how__picture{display:block;width:100%;aspect-ratio:3 / 4;border-radius:var(--button-border-radius);overflow:hidden}.ambassador-how__picture img{width:100%;height:100%;object-fit:cover;display:block}.ambassador-how__placeholder{width:100%;aspect-ratio:3 / 4;border-radius:var(--button-border-radius);background:var(--color-bright-gray);color:var(--color-philippine-gray);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-l)}@media(min-width:768px){.ambassador-how__button{width:fit-content}}@media(min-width:1024px){.ambassador-how__inner{flex-direction:row;align-items:center;gap:var(--space-3xl)}.ambassador-how--reverse .ambassador-how__inner{flex-direction:row-reverse}.ambassador-how__content,.ambassador-how__media{width:50%}.ambassador-how__media{order:0}.ambassador-how__heading{font-size:var(--text-3xl)}.ambassador-how__step-title{font-size:var(--text-l)}.ambassador-how{padding-top:var(--section-pt-desktop);padding-bottom:var(--section-pb-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/454/assets/section-ambassador-how-it-works.css.map */