@charset "UTF-8";
.btn,
a.btn {
  text-decoration: none;
  border-radius: 0;
  padding: 12px 24px;
}
.btn:hover,
a.btn:hover {
  color: var(--white);
  border-color: var(--accent);
  background-color: var(--accent);
  opacity: 1;
}
.btn:active, .btn:focus, .btn:focus-within,
a.btn:active,
a.btn:focus,
a.btn:focus-within {
  color: var(--white);
  border-color: var(--white-20);
  background: var(--white-20);
  opacity: 1;
}

.btn-outline,
a.btn-outline {
  font-family: Geist Mono;
  font-weight: 570;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: -1%;
  vertical-align: middle;
  text-transform: uppercase;
  border-width: 2px;
  background-color: transparent;
}
.btn-outline--light,
a.btn-outline--light {
  color: var(--white);
  border-color: var(--white);
}
.btn-outline--dark,
a.btn-outline--dark {
  color: var(--black);
  border-color: var(--black);
}

.btn__online-store,
a.btn__online-store {
  color: var(--black);
  font-family: Geist;
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: 110%;
  letter-spacing: -0.2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 5%;
  text-underline-offset: 18%;
  text-underline-position: from-font;
  position: relative;
}
.btn__online-store:hover,
a.btn__online-store:hover {
  color: var(--accent);
  opacity: 1;
}
.btn__online-store:active,
a.btn__online-store:active {
  color: var(--black-60);
  opacity: 1;
}
.btn__online-store::after,
a.btn__online-store::after {
  content: "  ↗";
}

.btn__online-store-non-arrow,
a.btn__online-store-non-arrow {
  color: var(--black);
  font-family: Geist;
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: 110%;
  letter-spacing: -0.2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 5%;
  text-underline-offset: 18%;
  text-underline-position: from-font;
  position: relative;
}
.btn__online-store-non-arrow:hover,
a.btn__online-store-non-arrow:hover {
  color: var(--accent);
  opacity: 1;
}
.btn__online-store-non-arrow:active,
a.btn__online-store-non-arrow:active {
  color: var(--black-60);
  opacity: 1;
}

.btn__learn-more,
a.btn__learn-more {
  color: var(--white);
  text-align: center;
  font-family: "Geist Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 570;
  line-height: 130%;
  letter-spacing: -0.13px;
  text-transform: uppercase;
  text-decoration: none;
  background: var(--black);
  display: inline-flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  height: 41px;
}
.btn__learn-more:hover,
a.btn__learn-more:hover {
  background: var(--accent);
  color: var(--white);
  text-decoration: none;
  opacity: 1;
}
.btn__learn-more:active,
a.btn__learn-more:active {
  background: var(--black-80);
  opacity: 1;
}

.btn__store_buy,
a.btn__store_buy {
  display: inline-flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  color: var(--black);
  font-family: "Geist Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 570;
  line-height: 130%;
  letter-spacing: -0.13px;
  text-transform: uppercase;
  text-decoration: none;
  border-color: var(--black);
  border: 2px solid;
  height: 41px;
}
.btn__store_buy:hover,
a.btn__store_buy:hover {
  background: var(--accent);
  color: var(--white);
  text-decoration: none;
  border-color: var(--accent);
}
.btn__store_buy:active,
a.btn__store_buy:active {
  background: var(--black-80);
  border-color: var(--black-80);
}

.btn__explore,
a.btn__explore {
  color: var(--black);
  font-feature-settings: "ss01" on, "ss03" on;
  /* Text Button */
  font-family: Geist;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  /* 21px */
  letter-spacing: -0.15px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 6%;
  /* 0.9px */
  text-underline-offset: 10%;
  /* 1.5px */
  text-underline-position: from-font;
}
.btn__explore:hover,
a.btn__explore:hover {
  color: var(--black-80);
  opacity: 1;
}
.btn__explore:active, .btn__explore:focus, .btn__explore:focus-within,
a.btn__explore:active,
a.btn__explore:focus,
a.btn__explore:focus-within {
  color: var(--black-60);
  opacity: 1;
}
.btn__explore::after,
a.btn__explore::after {
  content: "  ↗";
}

/* For dark theme */
.btn__online-store--dark,
a.btn__online-store--dark {
  color: var(--white);
  font-feature-settings: "ss01" on, "ss02" on, "ss03" on;
  font-family: Geist;
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  letter-spacing: -0.2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 5%;
  text-underline-offset: 18%;
  text-underline-position: from-font;
  position: relative;
}
.btn__online-store--dark:hover,
a.btn__online-store--dark:hover {
  color: var(--accent);
  opacity: 1;
}
.btn__online-store--dark:active, .btn__online-store--dark:focus, .btn__online-store--dark:focus-within,
a.btn__online-store--dark:active,
a.btn__online-store--dark:focus,
a.btn__online-store--dark:focus-within {
  color: var(--white-80);
  opacity: 1;
}
.btn__online-store--dark::after,
a.btn__online-store--dark::after {
  content: "  ↗";
}

.btn__online-store-non-arrow--dark,
a.btn__online-store-non-arrow--dark {
  color: var(--white);
  font-family: Geist;
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: 110%;
  letter-spacing: -0.2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 5%;
  text-underline-offset: 18%;
  text-underline-position: from-font;
  position: relative;
}
.btn__online-store-non-arrow--dark:hover,
a.btn__online-store-non-arrow--dark:hover {
  color: var(--accent);
  opacity: 1;
}
.btn__online-store-non-arrow--dark:active,
a.btn__online-store-non-arrow--dark:active {
  color: var(--white-80);
  opacity: 1;
}

.btn__learn-more--dark,
a.btn__learn-more--dark {
  display: inline-flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  color: var(--black);
  background: var(--white);
  text-align: center;
  /* Button Mono */
  font-family: "Geist Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 570;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.13px;
  text-transform: uppercase;
  text-decoration: none;
}
.btn__learn-more--dark:hover,
a.btn__learn-more--dark:hover {
  color: var(--white);
  background-color: var(--accent);
  opacity: 1;
}
.btn__learn-more--dark:active, .btn__learn-more--dark:focus, .btn__learn-more--dark:focus-within,
a.btn__learn-more--dark:active,
a.btn__learn-more--dark:focus,
a.btn__learn-more--dark:focus-within {
  color: var(--white);
  background-color: var(--white-20);
  opacity: 1;
}

.btn__store_buy--dark,
a.btn__store_buy--dark {
  display: inline-flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  /* Button Mono */
  font-family: "Geist Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 570;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.13px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--white);
  border-color: var(--white);
  border: 2px solid;
  height: 41px;
}
.btn__store_buy--dark:hover,
a.btn__store_buy--dark:hover {
  background: var(--accent);
  border-color: var(--accent);
  text-decoration: none;
  color: var(--white);
  opacity: 1;
}
.btn__store_buy--dark:active, .btn__store_buy--dark:focus, .btn__store_buy--dark:focus-within,
a.btn__store_buy--dark:active,
a.btn__store_buy--dark:focus,
a.btn__store_buy--dark:focus-within {
  background: var(--white-20);
  border-color: var(--white-20);
  color: var(--black);
  box-shadow: none;
  opacity: 1;
}

.btn__explore--dark {
  color: var(--white);
  font-feature-settings: "ss01" on, "ss03" on;
  /* Text Button */
  font-family: Geist;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  /* 21px */
  letter-spacing: -0.15px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 6%;
  /* 0.9px */
  text-underline-offset: 10%;
  /* 1.5px */
  text-underline-position: from-font;
}
.btn__explore--dark:hover {
  color: var(--white-80);
  opacity: 1;
}
.btn__explore--dark:active, .btn__explore--dark:focus, .btn__explore--dark:focus-within {
  color: var(--white-60);
  opacity: 1;
}
.btn__explore--dark::after {
  content: "  ↗";
}

.link_full_story,
.link_full_article {
  color: var(--black);
  font-feature-settings: "ss01" on, "ss03" on;
  /* Text Button */
  font-family: Geist;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  /* 21px */
  letter-spacing: -0.15px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 6%;
  /* 0.9px */
  text-underline-offset: 10%;
  /* 1.5px */
  text-underline-position: from-font;
}
.link_full_story:hover,
.link_full_article:hover {
  color: var(--black-80);
  opacity: 1;
}
.link_full_story:active,
.link_full_article:active {
  color: var(--black-60);
  opacity: 1;
}
.link_full_story::after,
.link_full_article::after {
  content: "  ↗";
}
@media screen and (max-width: 768px) {
  .btn__online-store,
  a.btn__online-store {
    font-size: 18px;
  }
  .btn__online-store-non-arrow,
  a.btn__online-store-non-arrow {
    font-size: 18px;
  }
  .btn__online-store-non-arrow--dark,
  a.btn__online-store-non-arrow--dark {
    font-size: 18px;
  }
}/*# sourceMappingURL=buttons.css.map */