.animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
  border: 1px solid #e1e0e1;
  margin: 10px 14px;
  border-radius: 4px;
  box-shadow: 3px 3px #0000000d;
  text-align: center;
  padding: 0px;
  height: 240px;
  width: 29%;
}
.tile-stats {
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  border: none;
}

.tile-stats i {
  font-size: 40px;
  color: #8383ff;
  margin: 12px 0px;
}
button.btn.btn-success.pull-right {
  margin: 0 auto;
  width: 112px;
  padding: 0px;
  border-radius: 25px;
  background: none;
  color: #8383ff !important;
}

button.btn.btn-success.pull-right i {
  font-size: 14px;
  color: #8383ff;
}
button.btn.btn-success.pull-right {
  position: absolute;
  bottom: 41px;
  right: 38%;
  margin-top: 20px;
  box-shadow: 0px 5px #503b3b1a;
}

.col-lg-3.col-md-3.col-sm-6.col-xs-12 :hover {
  background: #8383ff;
  color:white ;
}

.col-lg-3.col-md-3.col-sm-6.col-xs-12 :hover button.btn.btn-success.pull-right {
  color:white !important;
}
.col-lg-3.col-md-3.col-sm-6.col-xs-12 :hover i{
  color:white !important;
}

@media only screen and (max-width:768px){
  
.animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
  width: 90%;
  margin:20px 20px;
  text-align:center;
}
button.btn.btn-success.pull-right {
  left: 24%;
  right: 25%;
}

}