.spoiler-trigger{
  color: #111!important;
  text-decoration: none;
}

.spoiler-trigger::after{
  content:'\f067';
  display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  position:absolute;
  right:0;
  top:25px;
  padding:8px 10px;
  background-color: #567AAE;
  border-radius: 100%;
  color:#fff;
  transition-duration: 0.5s;
}
.spoiler-trigger.active::after{
  content:'\f068';
  display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  position:absolute;
  right:0;
  top:25;
  padding:8px 10px;
  background-color: #f6f6f6;
  transition-duration: 0.5s;
  color:#626262;
}

.spoiler-trigger>span{
  padding:0 3px;
}
.spoiler-trigger:hover>span{
  border-bottom-style: solid;
}
.spoiler-block{
  display: none;
  background-color: #f6f6f6;
  padding:20px;
  border-radius: 0 10px 10px 10px;
}
.answer{
  padding:20px 0 10px 0;
  border-bottom: 1px solid #626262;
  position: relative;
}
@media (max-width:950px) {
.spoiler-trigger::after,
.spoiler-trigger.active::after {
  padding: 10px;
  top:15px;
}
}