JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="dropdowns__dropdown">
    <button class="dropbtn">
      <p>У нас нет этого в планах, может быть заложим в бюджет на следующий год</p><img src="http://mysolaris.xyz/octoland/icons/carret.png"></button>
    <div class="dropdown-content">
      <a href="#">Даже ведущие мировые бренды отказываются от статичных маркетинговых планов на год: сейчас гораздо важнее быть в тренде, мгновенно подхватывая актуальные «фишки». Через год или даже пару месяцев – это слишком поздно!</a>
    </div>
  </div>
  <div class="dropdowns__dropdown">
    <button class="dropbtn">
      <p>У нас нет этого в планах, может быть заложим в бюджет на следующий год</p><img src="icons/carret.png"></button>
    <div class="dropdown-content">
      <a href="#">Даже ведущие мировые бренды отказываются от статичных маркетинговых планов на год: сейчас гораздо важнее быть в тренде, мгновенно подхватывая актуальные «фишки». Через год или даже пару месяцев – это слишком поздно!</a>
    </div>
  </div>
</div>

CSS

,container {
  display: flex;
  flex-direction: row;
}
.dropbtn {
  margin: 5%;
  width: 30vw;
  height: auto;
  background-color: #fff;
  color: #000;
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
  font-family: Bold;
  font-size: 1.2em;
  border: none;
  cursor: pointer;
  box-shadow: 4.007px 20.614px 51px 0 rgba(0, 0, 0, 0.15);
}

.dropbtn img {
  margin-right: 5%;
}

.dropdown-content {
  width: 30vw;
  height: 20vh;
  display: none;
  background-color: rgba(0, 0, 0, 0);
  min-width: 160px;
  box-shadow: none;
  z-index: 1;
}

.dropdown-content a {
  color: #000;
  font-family: Regular;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.show {
  display: block;
}

JavaScript

$('.dropbtn').on('click', function() {
  $(this).find('.dropdown-content');
  $(this).addClass('show');
});