@use "../_layout/mixins";
@use "../media-object/media-object";

.calloutNews {
  border-top: 1px var(--neutral--dark) solid;
  border-bottom: 1px var(--neutral--dark) solid;
  padding: 1em var(--gutterX);
  gap: 0.7em var(--gutterX);
  align-items: center;

  p {
    &:last-of-type {
      margin-block-end: 0;
    }
  }
}
.calloutNews__body {
  flex: 63%;
}
.calloutNews__title {
  font-size: var(--step-1);
}
.calloutNews__img {
  --mediaObjectImgMaxWidth: 150px;
  --mediaObjectImgMinWidth: 150px;
}