.referral-banner-mini{padding:1.25rem 1rem;background:#ffeb3a;border-radius:1rem;margin-bottom:1rem}.referral-banner-mini__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.referral-banner-mini__description{font-size:.75rem;line-height:1rem;opacity:.6;color:#3c2c29}.referral-banner-mini__code{font-size:.875rem;line-height:1.25rem;color:#776865}.referral-banner-mini__code-value{color:#3c2c29;font-weight:500}.referral-banner-mini__social{display:-ms-flexbox;display:flex;gap:12px;margin-top:8px}.referral-banner-mini__social .socials__link{background:rgba(60,44,41,.05);border:none}.referral-banner-mini__social .socials__link svg{color:#3c2c29}.referral-banner-mini__social .socials__link:hover svg{color:#776865}.referral-banner-mini .form-field{margin-top:1rem}.referral-banner-mini .form-field:after{content:"";position:absolute;right:2.75rem;top:0;height:100%;width:2.5rem;pointer-events:none;z-index:1;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff)}.referral-banner-mini .form-field.filled .form-field__input{background:#fff;border-radius:.75rem;height:3rem;border:none;padding-right:2.75rem;overflow:hidden;position:relative}.referral-banner-mini .form-field.filled .form-field__label{font-size:.75rem;font-weight:500;line-height:1rem;left:.75rem;top:.3125rem}.referral-banner-mini .form-field.filled .form-field__icon{background-color:unset;cursor:pointer;pointer-events:unset}.referral-banner-mini .form-field.filled .form-field__icon svg{cursor:pointer;width:1.25rem;height:1.25rem}.referral-banner-mini .form-field:focus-within:after{display:none}