.alert-banner{margin:0 0 30px}.alert-banner.red .status{background-color:#ee3124}.alert-banner.amber .status{background-color:#f8971d}.alert-banner.green .status{background-color:#00a94f}.alert-banner.has-button .alert-wrapper{padding-right:60px;text-decoration:none!important}.alert-banner.has-button .alert-wrapper::after{content:'\f105';font:26px/.9 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:transparent;border:2px solid #000;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;right:15px;width:28px;height:28px;text-align:center;letter-spacing:-2px;transition:.3s}.alert-banner.has-button .alert-wrapper:active,.alert-banner.has-button .alert-wrapper:focus,.alert-banner.has-button .alert-wrapper:hover{background-color:#e3e3e3}.alert-banner.has-button .alert-wrapper:active .status,.alert-banner.has-button .alert-wrapper:focus .status,.alert-banner.has-button .alert-wrapper:hover .status{background-color:#007b85}.alert-banner.has-button .alert-wrapper:active::after,.alert-banner.has-button .alert-wrapper:focus::after,.alert-banner.has-button .alert-wrapper:hover::after{transform:translateX(4px);color:#fff;background-color:#007b85;border-color:#007b85}.alert-banner .alert-wrapper{position:relative;background-color:#f0f0f0;border-radius:8px;overflow:hidden;display:block;padding-left:60px}.alert-banner .alert-wrapper .status{position:absolute;top:0;left:0;width:60px;height:100%;transition:.3s}.alert-banner .alert-wrapper .status .inner{position:absolute;top:0;left:0;width:100%;height:100%;display:table}.alert-banner .alert-wrapper .status .status-icon{display:table-cell;vertical-align:middle;text-align:center;font-size:0}.alert-banner .alert-wrapper .status .status-icon svg{fill:#fff;width:35px;height:35px}.alert-banner .alert-wrapper .content{padding:15px 20px}@media (max-width:767px){.alert-banner{margin-bottom:20px}.alert-banner .alert-wrapper{padding-left:50px}.alert-banner .alert-wrapper .status{width:50px}.alert-banner .alert-wrapper .status .status-icon svg{width:30px;height:30px}.alert-banner .alert-wrapper .content{padding:15px}}@media (max-width:599px){.alert-banner.has-button .alert-wrapper{padding-right:0;padding-bottom:40px}.alert-banner.has-button .alert-wrapper::after{top:auto;left:0;right:0;bottom:12px;transform:translateX(0)!important}.alert-banner .alert-wrapper{padding:50px 0 0}.alert-banner .alert-wrapper .status{width:100%;height:50px}.alert-banner .alert-wrapper .content{margin-left:0}}