.reactmain {
   display: inline-block;
   position: relative;
}

.reactoptions {
   display: none;
   transition: display 10000ms;
}

.reactmain:hover .reactoptions {
   display: inline-block;
   position: absolute;
   top: 20px;
   animation: fadein 5s;
   transition: display 10000ms;
}

.reactitem {
   position: relative;
   border-radius: 10px;
   text-align: center;
}

   .reactitem:hover {
      background-color: #dae0e5;
   }

.btn-reacted {
   background-color: #ebebeb;
   padding:5px 10px;
   border-radius:5px;
}

.reactitemtext {
   background-color: black;
   color: white;
   font-size: small;
   font-weight: 500;
   display: none;
   position: absolute;
   bottom: 60px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   border-radius: 10px;
   padding: 0px 2px;
}

.reactitem:hover .reactitemtext {
   display: block;
}