/* Color Palette */
:root {
  --PrimaryColor: #5f8369; /* Buttons, highlights, logo */
  --SupportingColorWhite: #f8f6f0; /* Backgrounds */
  --SupportingColorGray: #a8b2a1; /* Backgrounds */
  --SupportingColorSlate: #2e2e2e; /* Body text, footer */
  --AccentColorRose: #c27664; /* Accent buttons, sections, icons */
  --AccentColorGold: #d4b483; /* Accent buttons, sections, icons */
  --HighlightColorGrace: #afcfea; /* Quotes, testimonials, spiritual touchpoints */
}

.loginBtn {
  width: 100%;
}

.favourite-product {
  background-color: var(--SupportingColorWhite);
}

.product-link-img {
  width: 100px;
}

.product-link-img:hover {
  cursor: pointer;
}

.product-link:hover {
  cursor: pointer;
}

.remove-btn {
  width: 100%;
  max-width: 400px;
}

@media screen and (min-width: 768px) {
  .product-link-img {
    width: 120px;
  }
  .favourite-product {
    background-color: var(--SupportingColorWhite);
    width: 80%;
  }
  .loginBtn {
    width: 75%;
  }
}

@media screen and (min-width: 992px) {
  .product-link-img {
    width: 150px;
  }
  .favourite-product {
    background-color: var(--SupportingColorWhite);
    width: 75%;
  }
  .loginBtn {
    width: 50%;
  }
}