.accordion {
  cursor: pointer;
  padding: 25px 15px 0;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  color:grey;
  background:white;
  font-size:25px!important;
}

.accordion:after {
  font-family:fontawesome;
  content: '\f107';
  color:tomato;
  float:right;
 font-size: 40px;
  font-weight:10;
  padding-right:15px;
  padding-bottom:10px;
}

.active:after {
  font-family:fontawesome;
  content: '\f106';
}

.panel {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.button:hover .accordion:after {
	opacity:1;
}