.callout-component {
  border-left: solid 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-left: 40px;
}

@media (min-width: 768px) {
  .callout-component {
    min-height: 120px;
    padding-left: 14px;
  }

  .callout-component.callout-component--remove-min-height {
    min-height: unset;
  }
}

.callout-component.callout-component--as {
  border-left-color: #76BD22;
}
.callout-component.callout-component--cimzia {
  border-left-color: #00945F;
}
.callout-component.callout-component--nr-axspa {
  border-left-color: #00A19B;
}
.callout-component.callout-component--psa {
  border-left-color: #48D597;
}

.callout-component.callout-component--orange {
  border-left-color: #DB7C00;
}

.callout-component__eyebrow-text p {
  color: #2B2B2B;
  font-family: 'FuturaPTBold', Futura, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

@media (min-width: 768px) {
  .callout-component__title {
    margin-top: 17px;
  }

  .callout-component.callout-component--remove-min-height .callout-component__title {
    margin-top: unset;
  }
}

.callout-component__title p {
  color: #2B2B2B;
  font-family: 'FuturaPTBold', Futura, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.callout-component.callout-component--line-height-inherit .callout-component__title p {
  line-height: inherit;
}