/** Shopify CDN: Minification failed

Line 133:0 Unexpected "<"
Line 142:2 Unexpected "0%"
Line 143:2 Unexpected "40%"
Line 144:2 Unexpected "60%"
Line 146:0 Unexpected "<"

**/
.rich-text {
  z-index: 1;
}

.rich-text__wrapper {
  display: flex;
  justify-content: center;
  width: calc(100% - 4rem / var(--font-body-scale));
}

.rich-text:not(.rich-text--full-width) .rich-text__wrapper {
  margin: auto;
  width: calc(100% - 8rem / var(--font-body-scale));
}

.rich-text__blocks {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .rich-text__wrapper {
    width: 100%;
  }

  .rich-text__wrapper--left {
    justify-content: flex-start;
  }

  .rich-text__wrapper--right {
    justify-content: flex-end;
  }

  .rich-text__blocks {
    max-width: 50rem;
  }
}

@media screen and (min-width: 990px) {
  .rich-text__blocks {
    max-width: 78rem;
  }
}

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text__blocks > * + * {
  margin-top: 2rem;
}

.rich-text__blocks > * + a {
  margin-top: 3rem;
}

.rich-text__buttons {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  max-width: 45rem;
  word-break: break-word;
}

.rich-text__buttons--multiple > * {
  flex-grow: 1;
  min-width: 22rem;
}

.rich-text__buttons + .rich-text__buttons {
  margin-top: 1rem;
}

.rich-text__blocks.left .rich-text__buttons {
  justify-content: flex-start;
}

.rich-text__blocks.right .rich-text__buttons {
  justify-content: flex-end;
}
/* Custom bouncing down arrow for rich text button */
#shopify-section-template--27226355728516__rich_text .button--secondary {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
  background: none !important;
  background-color: transparent !important;
  padding: 60px 20px 20px 20px !important;
  min-width: auto !important;
  box-shadow: none !important;
  outline: none !important;
}

#shopify-section-template--27226355728516__rich_text .button--secondary::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  border-bottom: 3px solid #2c332f;
  border-right: 3px solid #2c332f;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0) rotate(45deg);
  }
  40% {
    transform: translateX(-50%) translateY(-15px) rotate(45deg);
  }
  60% {
    transform: translateX(-50%) translateY(-8px) rotate(45deg);
  }
}
<div style="text-align: center; margin-top: 20px;">
  <a href="/collections/all" style="text-decoration: none; display: inline-block;">
    <div style="width: 30px; height: 30px; border-bottom: 3px solid #2c332f; border-right: 3px solid #2c332f; transform: rotate(45deg); animation: bounce 2s infinite; margin: 0 auto 10px;"></div>
    <div style="color: #2c332f;">Shop the Patch</div>
  </a>
</div>

<style>
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: rotate(45deg) translateY(0); }
  40% { transform: rotate(45deg) translateY(-15px); }
  60% { transform: rotate(45deg) translateY(-8px); }
}
</style>