.VolunteerBanner{display:flex;align-items:center;gap:1rem;width:100%;max-width:34rem;padding:.75rem;border:1px solid var(--color-white-alpha-20);border-radius:1.25rem;background:var(--color-white-alpha-10);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--shadow-lg);color:var(--text-primary);text-align:left;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.VolunteerBanner .VolunteerBanner-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.875rem;background:var(--color-orange);color:var(--color-neutral-1000);font-size:1.25rem}.VolunteerBanner .VolunteerBanner-text{display:flex;flex:1;flex-direction:column;gap:.15rem;min-width:0}.VolunteerBanner .VolunteerBanner-title{font-size:1.0625rem;font-weight:800;line-height:1.25}.VolunteerBanner .VolunteerBanner-detail{color:var(--color-white-alpha-80);font-size:.875rem;line-height:1.35}.VolunteerBanner .VolunteerBanner-cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.125rem;border-radius:99999px;background:var(--color-neutral-1000);color:var(--color-neutral-0);font-size:.9375rem;font-weight:700;white-space:nowrap;transition:background-color .2s ease}.VolunteerBanner .VolunteerBanner-arrow{transition:transform .2s ease}.VolunteerBanner:hover{background:var(--color-white-alpha-15);border-color:var(--color-white-alpha-30)}.VolunteerBanner:hover .VolunteerBanner-cta{background:var(--color-neutral-900)}.VolunteerBanner:hover .VolunteerBanner-arrow{transform:translate(3px)}.VolunteerBanner:active{transform:scale(.99)}.VolunteerBanner:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media(prefers-reduced-motion:reduce){.VolunteerBanner,.VolunteerBanner .VolunteerBanner-arrow{transition:none}.VolunteerBanner:active{transform:none}}@media(max-width:480px){.VolunteerBanner{gap:.75rem;padding:.625rem;border-radius:1rem}.VolunteerBanner .VolunteerBanner-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;font-size:1.05rem}.VolunteerBanner .VolunteerBanner-title{font-size:1rem}.VolunteerBanner .VolunteerBanner-detail{font-size:.8125rem}.VolunteerBanner .VolunteerBanner-cta{width:2.5rem;padding:0}.VolunteerBanner .VolunteerBanner-ctaLabel{display:none}}.PublicIndex.LeaguesIndexV2{--public-index-logo-width: 26rem;--mobile-hero-logo-size: 21rem}