.top-banner-widget{width:100%;padding:16px;font-size:1rem}.top-banner-widget.top-banner--casual{background-color:#447d35;color:#fff}.top-banner-widget.top-banner--information{background-color:#1a34ac;color:#fff}.top-banner-widget.top-banner--alert{background-color:#f9da4c;color:#0e1721}.top-banner-widget.top-banner--warning{background-color:#c03c27;color:#fff}.top-banner-widget.top-banner--casual a,.top-banner-widget.top-banner--information a,.top-banner-widget.top-banner--warning a{color:#e0f2d9;text-decoration:underline}.top-banner-widget.top-banner--alert a{color:#0e1721;text-decoration:underline}.top-banner-widget__content{display:flex;flex-direction:column;gap:0}.top-banner-widget__text{width:100%;padding:8px 0}.top-banner-widget__link{text-decoration:underline;transition:opacity .2s ease}.top-banner-widget__link:hover,.top-banner-widget__link:focus{opacity:.8;outline:2px solid currentColor;outline-offset:2px}.top-banner-widget__button{background-color:#0e1721;color:#fff;padding:10px 24px;border-radius:9999px;text-decoration:none;font-weight:500;transition:all .2s ease;display:inline-block;white-space:nowrap}.top-banner-widget__button:hover{background-color:#1a2633;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.top-banner-widget__button:focus{outline:2px solid #ffffff;outline-offset:2px}.top-banner-widget__button:active{transform:translateY(0)}