JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<div class="btn_cont">
  <button class="kycbtn_approve">Approve</button>
  <button class="kycbtn">Back</button>
</div>

CSS

.kycbtn {
  padding: .5em 1em;
  font-size: .89em;
  background: none;
  outline: none;
  border: .2em solid cornflowerblue;
  color: cornflowerblue;
  background: transparent;
  border-radius: .6em;
}

.kycbtn_approve {
  padding: .5em 1em;
  font-size: .89em;
  background: none;
  outline: none;
  border: none;
  color: cornflowerblue;
  border-radius: 1em;
}

.kycbtn:active {
  border: .2em solid cornflowerblue;
  color: white;
  background: cornflowerblue;
}