JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner">
  <div class="wrapper">
    <span class="banner-caption">
      Будьте в курсе
    </span>
    <ul class="banner-ul">
      <li>Чтобы узнать больше</li>
      <li>Чтобы узнать больше</li>
      <li>Чтобы узнать больше</li>
      <li>Чтобы узнать больше</li>
      <li>Чтобы узнать больше</li>
    </ul>
    <a class="banner-button" href="HtmlPage.html">
      Кнопка баннера
    </a>
  </div>
</div>

CSS

.banner {
  background: url('images/banner.png') no-repeat;
  height: 290px;
  margin: 10px 0 0 0;
  width: 624px;
  outline:1px solid #00adff;
  text-align: right;
}

.wrapper {
  display: inline-block;
  text-align: left;
}

.banner-button {
  background-image: linear-gradient(to bottom, #fee000, #fbc500 50%, #fabf00 50%, #f8ac00);
  border-radius: 8px;
  color: #702020;
  display: block;
  font-size: 18px;
  line-height: 35px;
  margin: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 180px;
}

.banner-caption {
  background-color: #b6ff00;
  color: #000;
  font-size: 24px;
  margin: 0 0 0 0;
  padding: 3px;
}

.banner-ul {
  list-style-image: url('images/marker.png');
}