JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ibannerinner">
  <div class="wrapperatas"></div>
  <div class="wrapperbawah">
    <div class="linknya"></div>
    <div class="textnya"></div>
  </div>
</div>

CSS

.ibannerinner {
  height: 450px;
  width: 65%;
  background-color: #223c69;
  border: 1px solid #ff7f27;
  display: block;
}

.wrapperatas {
  background-color: #809abb;
  height: 360px;
  width: auto;
  border: 1px solid #ff7f27;
  margin: 5px 5px 5px 5px;
  position: relative;
}

.wrapperbawah {
  background-color: #ff7f27;
  height: 70px;
  width: auto;
  margin: 5px 5px 5px 5px;
  border: 1px solid #fff;
}

.linknya {
  width: 125px;
  height: 60px;
  background-color: #ed1c24;
  border: 1px solid #fff;
  margin: 5px 10px 5px 5px;
  float: left;
}

.textnya {
  width: auto;
  height: 60px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 140px;
  border: 1px solid #fff;
  background-color: #80caaa;
}