@charset "UTF-8";
.download-list {
  background-color: #f8f9fa;
  text-align: center;
  line-height: 2rem;
  padding: 20px;
  margin-bottom: 60px;
  border-radius: 7px;
  min-height: 228px;
  box-shadow: 0 2px 0px 0px #59b200;
  transition: all 0.7s;
}
.download-list:hover {
  background: linear-gradient(180deg, #888, #333);
  color: #fff;
  transform: scale(0.95);
  box-shadow: 0px 5px 21px -5px rgba(0, 0, 0, 0.3);
}
.download-list:hover .download-icon {
  background-color: #fff;
}
.download-list:hover .download-icon:before {
  color: #59b200;
}
.download-list:hover p{
  color: #fff;
}
.download-list p:hover{
  color: #e2e2e2;
}
.download-list img{
  transition: all 0.7s;
}
.download-list img:hover{
  transform: scale(0.97);
}
.download-list a {
  color: #212529;
}
.download-icon {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  background-color: #59b200;
  border-radius: 50%;
  transition: all 0.7s;
}
.download-icon:before {
  position: absolute;
  top: 28%;
  left: 31%;
  transition: all 0.5s;
  font-family: FontAwesome;
  content: "\f019";
  font-size: 1.7rem;
  color: #fff;
}
.download-icon:hover:before {
  transform: translateY(5px);
}