.newsletter-slideout{position:fixed;right:20px;bottom:20px;width:320px;max-width:calc(100vw - 24px);padding:20px;border:none;border-radius:4px;background-color:#e2068c;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:1000;transform:translateX(0);transition:transform .3s ease,opacity .3s ease}.newsletter-slideout--hidden{transform:translateX(115%);opacity:0;pointer-events:none}.newsletter-slideout__close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.newsletter-slideout__title{margin:0 0 8px;padding-right:20px;font-size:22px}.newsletter-slideout__text{margin:0 0 12px;font-size:14px}.newsletter-slideout__label{display:block;margin-bottom:6px;font-size:14px}.newsletter-slideout__input{width:100%;padding:10px;border:1px solid #000;border-radius:3px;font-size:14px}.newsletter-slideout__submit{width:100%;margin-top:10px;padding:10px 12px;border:1px solid #000;background:#000;color:#fff;border-radius:3px;cursor:pointer}.newsletter-slideout__error{min-height:18px;margin:8px 0 0;font-size:13px;color:#c7332a}.newsletter-slideout__success{min-height:18px;margin:8px 0 0;font-size:13px;color:#077a76}@media (max-width:576px){.newsletter-slideout{right:12px;bottom:12px;width:calc(100vw - 24px)}}