.alert-banner{border-radius:10px;overflow:hidden;margin:40px 0 30px}.alert-banner:first-child{margin-top:0}.alert-banner .content{color:#000}.alert-banner.red .alert-wrapper{color:#da291c}.alert-banner.amber .alert-wrapper{color:#ed8b00}.alert-banner.green .alert-wrapper{color:#009639}.alert-banner.has-button .alert-wrapper .button{padding-left:0}.alert-banner .alert-wrapper{position:relative;display:flex;background-color:#e4f1fa;overflow:hidden;border-left:12px solid currentColor}.alert-banner .alert-wrapper .button,.alert-banner .alert-wrapper .content,.alert-banner .alert-wrapper .status{display:flex;align-items:center}.alert-banner .alert-wrapper .button .inner,.alert-banner .alert-wrapper .content .inner,.alert-banner .alert-wrapper .status .inner{display:flex;align-items:center;height:100%}.alert-banner .alert-wrapper .status{position:relative;font-size:30px;font-size:3rem;font-weight:700;padding:20px 30px}.alert-banner .alert-wrapper .status::after{content:'';position:absolute;top:10px;bottom:10px;right:0;width:1px;background-color:#425563}.alert-banner .alert-wrapper .status .status-text{position:absolute;font-size:0}.alert-banner .alert-wrapper .status .inner svg{width:48px;height:48px;color:inherit;fill:currentColor}.alert-banner .alert-wrapper .status .inner span{color:#000}.alert-banner .alert-wrapper .button,.alert-banner .alert-wrapper .content{padding:20px 40px}.alert-banner .alert-wrapper .content{flex:60%}.alert-banner .alert-wrapper .button{white-space:nowrap}@media (max-width:1199px){.alert-banner .alert-wrapper .button,.alert-banner .alert-wrapper .content,.alert-banner .alert-wrapper .status{padding:20px}}@media (max-width:991px){.alert-banner .alert-wrapper{border-left-width:10px}.alert-banner .alert-wrapper .status{font-size:26px;font-size:2.6rem}.alert-banner .alert-wrapper .status .inner svg{width:40px;height:40px}}@media (max-width:767px){.alert-banner{margin-bottom:20px}.alert-banner .alert-wrapper{display:block;border-left-width:6px}.alert-banner .alert-wrapper .button,.alert-banner .alert-wrapper .content,.alert-banner .alert-wrapper .status{padding:15px}.alert-banner .alert-wrapper .button{padding:0 0 15px 15px!important}.alert-banner .alert-wrapper .status{padding-bottom:0}.alert-banner .alert-wrapper .status::after{display:none}.alert-banner .alert-wrapper .status .inner svg{margin-right:10px}}