JSFiddle - React, Tailwind, and code Playground

HTML

<div class='dtdemo' style='transition-duration: .7s;'><div style='transition-duration: 1s; border-radius: 10px 10px 0px 0px;'>Посетителей: <b>7</b></div><div style='transition-duration: .7s;'>Из них новых: <b>2</b></div><div style='transition-duration: 1.3s; border-radius: 0px 0px 10px 10px;'>Просмотров: <b>13</b></div>

CSS

.dtdemo {
  max-width: 40%;
  margin: 0 auto;
  padding: 5px 10px;
  border: 0px solid CornflowerBlue;
  transition-duration: .7s;
}
.dtdemo div {
  overflow: hidden;
  width: 22%;
  height: 60px;
  line-height: 30px;
  margin: 5px 0;
  font-size: 40px;
  border: 1px solid steelblue;
  text-align: center;
  color: white;    
  padding-top: 20px;
}
.dtdemo:hover div {
  width: calc(100% - 10px*2);
  background: steelblue;
  color: white;
  border: 1px solid dodgerblue;	
}