/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/scss/acf-blocks/block-shop-grid.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.block-shop-grid {
  background: rgba(244, 236, 233, 0.4);
}
.block-shop-grid__items {
  display: grid;
  gap: 24px;
}
@media (min-width: 992px) {
  .block-shop-grid__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.block-shop-grid__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
  text-decoration: none;
}
.block-shop-grid__card:hover {
  transform: translateY(-4px);
}
.block-shop-grid__image {
  aspect-ratio: 400/240;
  overflow: hidden;
}
.block-shop-grid__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.block-shop-grid__card:hover .block-shop-grid__image img {
  transform: scale(1.04);
}
.block-shop-grid__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.block-shop-grid__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #D44781;
  text-decoration: none;
}
.block-shop-grid__link svg {
  transform: translateX(0);
  transition: transform 0.2s ease-in-out;
}
.block-shop-grid__link svg path {
  transition: stroke 0.2 ease-in-out;
}
.block-shop-grid__link:hover {
  color: #B7376C;
}
.block-shop-grid__link:hover svg {
  transform: translateX(-10px);
}
.block-shop-grid__link:hover svg path {
  stroke: #B7376C;
}
.block-shop-grid__footer {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .block-shop-grid__footer {
    margin-top: 56px;
  }
}

/*# sourceMappingURL=block-shop-grid.css.map*/