left: 0; background: #336699; width: 100%; box-sizing: border-box; color: #FFFFFF; font-family: "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .at-banner__content { display: flex; align-items: center; flex-direction: row; justify-content: center; width: 90%; margin: 0 auto; padding: 10px 40px; box-sizing: border-box; } .at-banner__title { font-size: 18px; } .at-banner__text { margin: 0 20px 0 0; } .at-banner__close { position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; transform: translateY(-50%); cursor: pointer; } .at-banner__close:before, .at-banner__close:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; background: #FFFFFF; width: 100%; height: 3px; border-radius: 2px; transform-origin: center; } .at-banner__close:before { transform: translate(-50%, -50%) rotate(-45deg); } .at-banner__close:after { transform: translate(-50%, -50%) rotate(45deg); }