body.has-promo-banner .supporter-alert{bottom:20rem}@media(min-width:768px){body.has-promo-banner .supporter-alert{bottom:20rem}}.supporter-alert{backface-visibility:hidden;background-color:#f7f8fa;border:.1rem solid #333;bottom:1rem;margin-left:1rem;max-width:42rem;padding:2rem;perspective:1000;position:fixed;right:1rem;text-align:center;z-index:3}@media(min-width:768px){.supporter-alert{bottom:4.5rem;padding:3rem 5rem;right:4.5rem}}.supporter-alert__content{font-size:1.6rem;font-weight:500;line-height:1.5em;margin-bottom:2rem}@media(min-width:768px){.supporter-alert__content{font-size:1.8rem}}.supporter-alert__button{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.supporter-alert__button .button{display:inline-flex}.supporter-alert__button .button:first-child{margin-right:1rem}.supporter-alert__button .button.button--light:not(.button--disabled):hover{color:#fff}.supporter-alert__button .button.button--light .button__text{background-image:linear-gradient(90deg,#333 50%,#f7f8fa 0)}.supporter-alert__button .button.button--dark{color:#fff}.supporter-alert__button .button.button--dark .button__text{background-image:linear-gradient(90deg,#f7f8fa 50%,#333 0)}.supporter-alert__button .button.button--dark:not(.button--disabled):hover{color:#333}