/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/import-glob-loader/index.js!./wp-content/themes/hartbrugreizen/components/card-story/card-story.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
.card-story {
  display: block;
  color: #252525;
}
.card-story h4 {
  margin-bottom: 1.625rem;
  line-height: 1.15;
}
.card-story__image {
  margin-bottom: 1.625rem;
  width: 100%;
  border-radius: 0.625rem;
  overflow: hidden;
  height: 180px;
}
@media print, screen and (min-width: 40em) {
  .card-story__image {
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .card-story__image {
    overflow: hidden;
  }
}
.card-story__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-story__intro p {
  margin-bottom: 2.125rem;
}
.card-story__text {
  margin-bottom: 2.125rem;
}
.card-story:focus, .card-story:hover {
  color: #252525;
}
.card-story:focus .button-link, .card-story:hover .button-link {
  color: #DD1A1D;
}
.card-story:focus .button-link i, .card-story:hover .button-link i {
  background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%);
}