#fw-section-rich-text-845c2706-07bd-4c60-b309-5c0bd81d8f75 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.rich-text__header h2{
  font-size: 48px;
}
}


#fw-section-rich-text-bcc0b7d5-a14f-46a7-a869-01ddc6e83721 {

.html-formatter p, h3, a{
  color: #100000;
}
}
#fw-section-rich-text-179019132051095 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-rich-text-8c3a3948-55f9-4ad5-985c-54824245e6ce {

.html-formatter p, ul li, ::marker, button, a, th, td {
  color: #100000; 
}
}
#fw-section-collection-template-collection-default {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.tile__heading{
  font-size: 17px;
}
.tile__prices span{
  font-size: 17px;
}
.collection-template__heading{
  font-size: 48px;
}
}
#fw-section-hero-0 {
--font-heading-scale: 1.5;
--font-body-scale: 1.0;
}
#fw-section-hero-0 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #fef7ee;
--color-on-background-rgb: 254, 247, 238;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #fef7ee;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #fef7ee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fef7ee;
--secondary-btn-border-color: #fef7ee;

}
#fw-section-text-carousel-ee7f1bf0-a906-4518-bbcb-58b00b0851d9 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #fef7ee;
--color-on-background-rgb: 254, 247, 238;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #fef7ee;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #fef7ee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fef7ee;
--secondary-btn-border-color: #fef7ee;

}
#fw-section-image-with-text-2ec138ee-3ca7-47db-91ec-5c9f3178d787 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.image-with-text__heading--md {
  font-size: 48px !important;
}
}

#fw-section-custom-html-56a24efd-cf46-49c5-b5dd-18c32fd75d94 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #1d0024;
--color-background-rgb: 29, 0, 36;
--color-on-background: #a437d6;
--color-on-background-rgb: 164, 55, 214;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #a437d6;
--color-background-brightness: 13;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #a437d6;
--secondary-btn-bg: transparent;
--secondary-btn-text: #a437d6;
--secondary-btn-border-color: #a437d6;

}
#fw-section-text-banner-44139301-2776-4446-87c3-35750bb8d97b {
--color-primary: #a437d6;
--color-primary-rgb: 164, 55, 214;
--color-background: #1d0024;
--color-background-rgb: 29, 0, 36;
--color-on-background: #fef7ee;
--color-on-background-rgb: 254, 247, 238;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #fef7ee;
--color-background-brightness: 13;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #a437d6;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #fef7ee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fef7ee;
--secondary-btn-border-color: #fef7ee;
.text-banner__heading--regular{
  font-size: 48px;
}
}
#fw-section-featured-collection-0 {
--color-primary: #6f00e2;
--color-primary-rgb: 111, 0, 226;
--color-background: #1d0024;
--color-background-rgb: 29, 0, 36;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ffffff;
--color-background-brightness: 13;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6f00e2;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-tiers-a00092b1-e6df-46e6-9831-fd49af111f3f {
--font-heading-scale: 1.5;
--font-body-scale: 1.1;
}
#fw-section-tiers-a00092b1-e6df-46e6-9831-fd49af111f3f {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-recent-videos-a928d72c-05f5-459c-94d7-720f16ff5963 {
--color-primary: #fef7ee;
--color-primary-rgb: 254, 247, 238;
--color-background: #1d0024;
--color-background-rgb: 29, 0, 36;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ffffff;
--color-background-brightness: 13;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fef7ee;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.section-header__heading{
  font-size: 48px;
}
}
#fw-section-newsletter-c9f9523e-ecec-4f29-b256-cf1ece2a4e27 {
--font-heading-scale: 1.7;
--font-body-scale: 1.3;
}
#fw-section-newsletter-c9f9523e-ecec-4f29-b256-cf1ece2a4e27 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #fef7ee;
--color-background-rgb: 254, 247, 238;
--color-on-background: #a437d6;
--color-on-background-rgb: 164, 55, 214;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #a437d6;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #a437d6;
--secondary-btn-bg: transparent;
--secondary-btn-text: #a437d6;
--secondary-btn-border-color: #a437d6;
.newsletter-form__button button{
  font-size: 16px;
}
}
#fw-section-recent-posts-d742e87c-5261-42a4-a70d-8b65533fb12d {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* RECENT POSTS — COMPLETE UPDATED DESIGN */
.recent-posts {
  background: #fbf7f0;
  color: #29203a;
  padding-left: 40px;
  padding-right: 40px;
}

.recent-posts .wrapper.container {
  width: 100%;
  max-width: 1500px;
  box-sizing: border-box;
}

/* Heading */
.recent-posts__header {
  margin-bottom: 32px;
}

.recent-posts .section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.recent-posts .section-header__heading {
  margin: 0;
  color: #29203a;
  font-family: Georgia, serif;
  font-size: clamp(38px, 5vw, 60px);
  line-height: 1.1;
  letter-spacing: -1.5px;
}

.recent-posts .section-header__heading::before {
  content: "FROM BRANDON'S JOURNAL";
  display: block;
  margin: 0 0 8px 3px;
  padding: 0;
  color: #1d0024;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2.5px;
  text-align: left;
}

.recent-posts .section-header__cta .button {
  padding: 13px 22px;
  border: 1px solid #1d0024;
  border-radius: 50px;
  background: transparent;
  color: #492969;
  font-weight: 700;
}

.recent-posts .section-header__cta .button:hover {
  background: #1d0024;
  color: #fff;
}

/* Three equal-size cards */
.recent-posts .recent-posts__grid .col-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 520px !important;
  align-items: stretch !important;
  gap: 22px !important;
}

.recent-posts .recent-posts__grid .col-grid > div {
  min-width: 0;
  height: 520px !important;
  min-height: 520px !important;
  max-height: 520px !important;
}

/* Target the OUTER card directly so its height cannot become auto */
.recent-posts .recent-posts__grid .col-grid > div > .post-tile {
  display: flex !important;
  flex: none !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
  max-height: 520px !important;
  overflow: hidden !important;
  border: 1px solid #e7ddeb;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(51, 29, 70, .07);
  transition: transform .25s, box-shadow .25s;
}

.recent-posts .post-tile:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 42px rgba(51, 29, 70, .14);
}

.recent-posts .recent-posts__grid .col-grid > div > .post-tile > .post-tile__container {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* Remove decorative icons */
.recent-posts .post-tile__container::before,
.recent-posts .post-tile__container::after {
  content: none !important;
  display: none !important;
}

/* Image automatically taken from each post */
.recent-posts .post-tile__container > .rp-thumb {
  display: block !important;
  width: 100% !important;
  height: 175px !important;
  min-height: 175px !important;
  max-height: 175px !important;
  flex: 0 0 175px !important;
  overflow: hidden !important;
}

.recent-posts .rp-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Card content */
.recent-posts .post-tile__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 24px 25px 26px !important;
}

.recent-posts .post-tile__date {
  margin-bottom: 12px;
  color: #86569e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.recent-posts .post-tile__title-post {
  margin: 0 0 12px;
  color: #29203a;
  font-family: Georgia, serif;
  font-size: clamp(23px, 2vw, 29px);
  line-height: 1.23;
}

/* Scope this to the INNER text area, not the outer post-tile */
.recent-posts .post-tile__content .post-tile__text {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.recent-posts .post-tile__text .html-formatter {
  max-height: 88px !important;
  overflow: hidden !important;
  color: #706578;
  font-size: 14px;
  line-height: 1.6;
}

/* Hide duplicate images inside the excerpt */
.recent-posts .html-formatter img,
.recent-posts .html-formatter > p:has(img) {
  display: none !important;
}

.recent-posts .post-tile__text--overlay {
  position: static !important;
  margin-top: auto !important;
  padding: 15px 0 0 !important;
  background: none !important;
}

.recent-posts .post-tile__text--overlay a,
.recent-posts .post-tile__text--overlay a p {
  color: #1d0024 !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.recent-posts .post-tile__feedback {
  display: none !important;
}

/* First/latest card */
.recent-posts .recent-posts__grid .col-grid > div:first-child > .post-tile {
  border: 0;
  background: #1d0024;
}

.recent-posts__grid .col-grid > div:first-child
.post-tile__header::before {
  content: "FEATURED STORY";
  display: block;
  margin-bottom: 14px;
  color: #ead9f2;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.7px;
}

.recent-posts__grid .col-grid > div:first-child .post-tile__date,
.recent-posts__grid .col-grid > div:first-child .post-tile__title-post,
.recent-posts__grid .col-grid > div:first-child .html-formatter,
.recent-posts__grid .col-grid > div:first-child .post-tile__text--overlay a,
.recent-posts__grid .col-grid > div:first-child .post-tile__text--overlay a p {
  color: #fff !important;
}

.recent-posts__grid .col-grid > div:first-child
.post-tile__title-post {
  font-size: clamp(27px, 2.5vw, 34px);
}

/* Tablet */
@media (max-width: 950px) {
  .recent-posts .recent-posts__grid .col-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .recent-posts {
    padding-left: 20px;
    padding-right: 20px;
  }

  .recent-posts .section-header {
    display: block;
  }

  .recent-posts .section-header__cta {
    margin-top: 20px;
  }

  .recent-posts .recent-posts__grid .col-grid {
    grid-template-columns: 1fr !important;
  }
}
.recent-posts .post-tile__text .html-formatter {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  max-height: calc(1.6em * 3) !important;
  line-height: 1.6 !important;
  overflow: hidden !important;
}
/* Hide other card images */
.recent-posts .post-tile img {
  display: none !important;
}

/* Show only the thumbnail created by our script */
.recent-posts .post-tile .rp-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* Hide the original image wrapper, keeping our thumbnail */
.recent-posts .post-tile__container > :has(img):not(.rp-thumb):not(.post-tile__content) {
  display: none !important;
}

/* Keep content aligned at the top */
.recent-posts .post-tile__content {
  justify-content: flex-start !important;
  margin-top: 0 !important;
}
}
#fw-section-donations-e63a807d-7a14-4780-a526-db1dacea688c {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
.donations__heading{
  font-size: 48px;
}
}
#fw-section-footer {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #fef7ee;
--color-on-background-rgb: 254, 247, 238;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #fef7ee;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #fef7ee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fef7ee;
--secondary-btn-border-color: #fef7ee;

}
#fw-section-announcement-bar-5b0deefc-bfb1-4213-8b17-c8e05b3ed826 {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #fef7ee;
--color-background-rgb: 254, 247, 238;
--color-on-background: #2e3d27;
--color-on-background-rgb: 46, 61, 39;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #2e3d27;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #2e3d27;
--secondary-btn-bg: transparent;
--secondary-btn-text: #2e3d27;
--secondary-btn-border-color: #2e3d27;

}
#fw-section-header {
--font-heading-scale: 1.0;
--font-body-scale: 1.2;
}
#fw-section-header {
--color-primary: #620dbb;
--color-primary-rgb: 98, 13, 187;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #fef7ee;
--color-on-background-rgb: 254, 247, 238;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #fef7ee;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #620dbb;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #fef7ee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fef7ee;
--secondary-btn-border-color: #fef7ee;

}
#fw-section-product-product-default {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-product-recommendations-product-default {
--color-primary: #6f00e2;
--color-primary-rgb: 111, 0, 226;
--color-background: #1d0024;
--color-background-rgb: 29, 0, 36;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #fef7ee;
--color-on-primary-rgb: 254, 247, 238;
--color-product-image-background: #ffffff;
--color-background-brightness: 13;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6f00e2;
--primary-btn-text: #fef7ee;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.tile__heading{
  font-size: 17px;
 
}
.tile__prices span{
  font-size: 17px;
 
}
.section-header__heading{
  font-size: 48px;
}
}






#fw-section-password {
--color-primary: #6c00dd;
--color-primary-rgb: 108, 0, 221;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #6c00dd;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}