/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.product-feed-header {
  font-size: xx-large;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media (min-width: 540px) {
  .product-feed-header {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}

.product-feed {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 20px;
  grid-auto-flow: column;
  line-height: normal;
  align-items: center;
  padding: 20px;
  margin-bottom: 30px;
  background: whitesmoke;
  border-radius: 5px;
  transition: 0.1s ease-in-out;
  text-decoration: none !important;
  color: black !important;
}
@media (min-width: 540px) {
  .product-feed {
    grid-template-columns: 20% 70% 10%;
  }
}
@media (max-width: 540px) {
  .product-feed {
    grid-template-columns: 30% 50% 10%;
  }
}
.product-feed:hover {
  transform: translate(4px, 0);
  box-shadow: -4px 0px 0px 0px rgb(203, 37, 87);
  border-radius: 0px 5px 5px 0px;
}
.product-feed:hover .icon {
  color: rgb(203, 37, 87);
}
.product-feed p {
  margin: 0px !important;
  font-size: medium;
  padding: 0px;
}
.product-feed img {
  height: 120px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.product-feed .product-inner {
  font-size: large;
}
.product-feed .product-inner .product-title {
  font-weight: 600;
  font-size: large;
  display: block;
}
.product-feed .product-inner .product-paragraph {
  font-weight: normal;
}
.product-feed .icon {
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  right: 0;
  color: rgb(233, 187, 201);
  font-weight: 700;
}

.animate {
  border-radius: 5px;
  animation: myAnim 1.2s ease 0s infinite normal forwards;
}

@keyframes myAnim {
  0% {
    box-shadow: 0 0 0px 0px red;
  }
  90% {
    box-shadow: 0 0 0px 5px rgba(255, 139, 139, 0.178);
  }
  100% {
    box-shadow: 0 0 0px 3px rgba(255, 139, 139, 0.178);
  }
}
.header-alternative {
  text-decoration: underline;
  color: black !important;
  font-size: x-large;
  font-weight: lighter !important;
  font-family: "Source Serif 4", sans-serif;
}
.header-alternative a {
  text-decoration: underline;
  color: black !important;
  text-decoration-color: rgb(203, 37, 87) !important;
  font-weight: lighter !important;
}

.cta {
  display: inline-block;
  background-color: white;
  border: 3px solid rgb(203, 37, 87);
  color: rgb(203, 37, 87) !important;
  border-radius: 0px;
  text-decoration: none !important;
  padding: 2px 40px;
  transition: 0.05s ease-in-out;
}
.cta:hover {
  background-color: rgb(203, 37, 87);
  color: white !important;
}

/*# sourceMappingURL=index.css.map*/