.membership-banner{border-radius:8px 24px;color:#fff;overflow:hidden;position:relative}.membership-banner__container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1640px}.membership-banner__content{display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.membership-banner__title{color:#f2778b;font-size:clamp(1.75rem,4vw,2.5rem);font-style:italic;font-weight:700;margin:0 0 1rem}.membership-banner__text{color:hsla(0,0%,100%,.85);font-size:1rem;line-height:1.6;margin:0 0 1.75rem;max-width:50ch}.membership-banner__text p{margin:0}.membership-banner__btn{align-items:center;align-self:flex-start;background-color:#fff;border:none;border-radius:200px;color:#0b1035;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.membership-banner__btn:focus,.membership-banner__btn:hover{background-color:#e8e8e8;transform:translateY(-1px)}.membership-banner__btn-icon{flex-shrink:0;height:18px;object-fit:contain;width:18px}.membership-banner__media{align-items:flex-end;align-self:flex-end;display:flex;justify-content:flex-end}.membership-banner__image{display:block;height:auto;max-width:100%}@media only screen and (min-width:48em){.membership-banner__container{align-items:stretch;flex-direction:row}.membership-banner__content{flex:1;padding:50px 2rem 50px 30px}.membership-banner__media{flex:0 0 auto;max-width:45%}}@media only screen and (min-width:62em){.membership-banner__content{padding:60px 2rem 60px 40px}}@media only screen and (min-width:90em){.membership-banner__content{padding:70px 2rem 70px 60px}}