JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<button>
  <div class="front">დადასტურებული</div>
  <div class="back">1 დღე 4:55 სთ</div>
</button>

CSS

div.front {
  position: relative;
}
div.back {
  display: none;
  position: relative;
}
button {
  position: relative;
  padding-right: 40px;
  cursor: pointer;
  min-width: 163px;
}
button:after {
  content: '';
  width: 10px;
  height: 10px;
  background: black;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
button:hover div.front {
  display: none;
}
button:hover div.back {
  display: block;
}