.feature {
  border: none;
  color: var(--colour-text);
  background: var(--colour-accent);
  text-align: left;
  padding: var(--spacing-mobile);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.feature .la,
.feature .las {
  color: var(--colour-link);
  font-size: 30px;
}
.feature__text {
  display: block;
  margin-top: 5px;
}
.feature--active {
  background: var(--colour-link);
}
.feature--active .la,
.feature--active .las,
.feature--active .feature__text {
  color: var(--colour-neutral);
  opacity: 1;
}
@media (min-width: 992px) {
  .feature:not(.feature--stack) {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .feature:not(.feature--stack) .la,
  .feature:not(.feature--stack) .las {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }
  .feature:not(.feature--stack) .feature__text {
    margin-left: var(--spacing-internal);
    display: -webkit-flex;
    display: flex;
  }
  .feature .la,
  .feature .las {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .feature:not(.feature--stack) {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .feature:not(.feature--stack) .feature__text {
    margin-top: 10px;
    margin-left: 0;
    -webkit-align-self: unset;
    align-self: unset;
  }
}
@media (min-width: 1500px) {
  .feature:not(.feature--stack) {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .feature:not(.feature--stack) .la,
  .feature:not(.feature--stack) .las {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }
  .feature:not(.feature--stack) .feature__text {
    margin-top: 5px;
    margin-left: var(--spacing-internal);
    display: -webkit-flex;
    display: flex;
  }
}