.text-on-gray-bg {
  background: #F3F4F4;
  border-left: 3px solid #FF8400;
  padding: 21px 33px 37px;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .text-on-gray-bg {
    margin-top: 31px;
    margin-bottom: 60px;
    padding: 21px 53px 57px;
  }
}
@media (min-width: 1200px) {
  .text-on-gray-bg {
    margin-bottom: 84px;
  }
}
.text-on-gray-bg .btn {
  margin-top: 32px;
}
.text-on-gray-bg .btn--icon-circle {
  position: relative;
  color: black;
  padding: 0.65em 3.2em 0.65em 1.7em;
  margin-top: 25px;
}
@media (min-width: 1200px) {
  .text-on-gray-bg .btn--icon-circle {
    margin-top: 35px;
  }
}
.text-on-gray-bg .btn--icon-circle:after {
  content: " ";
  position: absolute;
  top: 27px;
  right: 15px;
  background-image: url("../../../img/icons/circle.svg");
  background-size: 100%;
  width: 29px;
  height: 30px;
  background-repeat: no-repeat;
}
.text-on-gray-bg .btn--icon-circle:hover {
  color: white;
}

.text-on-gray-bg__header {
  font-size: 18px;
  font-weigt: 500;
  color: black;
}

.text-on-gray-bg__txt {
  color: black;
}
/*# sourceMappingURL=text-on-gray-bg.css.map */