/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  border:1px solid #f7f7f7;
  width:98%;
  background-color:#fff;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(10% - 10px);
  top: 0;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #fff transparent;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}