/* === Legacy Content Block === */
.solution {
  padding: 32px 32px;
  position: relative;
}

.solution--inner {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

@media screen and (max-width: 550px) {
  .solution--inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.solution--meta {
  padding-left: 32px;
}

@media screen and (max-width: 550px) {
  .solution--meta {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.solution--arrow {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #da0013;
}