:root {
  --fonf-green-1: #457d54;
  --fonf-orange-1: #da611e;
  --font-yellow-1: #ffeb9f;
  --fonf-purple-1: #4f2683;
  --fonf-pattern: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="284" height="151" fill="none" viewBox="0 0 284 151"%3E%3Cpath stroke="%23457D54" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m222.936 28.6959-14.909 14.6092m15.976-2.0866c0-1.7288-1.434-3.129-3.196-3.129-1.762 0-3.199 1.4002-3.199 3.129 0 1.7288 1.434 3.1309 3.199 3.1309s3.196-1.4031 3.196-3.1309Zm-10.646-10.4331c0-1.7308-1.434-3.1309-3.196-3.1309-1.762 0-3.199 1.4001-3.199 3.1309 0 1.7308 1.434 3.129 3.199 3.129s3.196-1.4002 3.196-3.129Zm16.561-8.9263-2.178-6.6477-6.972 1.467L215.488 12l-5.291 4.6784-6.972-1.467-2.178 6.6477-6.787 2.139 1.496 6.8241L190.99 36l4.766 5.1807-1.496 6.8241 6.787 2.1361 2.178 6.6477 6.972-1.467L215.488 60l5.28-4.6784 6.972 1.467 2.178-6.6477 6.787-2.1361-1.496-6.827L239.99 36l-4.781-5.1778 1.496-6.8241-6.787-2.139ZM51.6953 108.118l17.4594 8.073v20.82l-17.4594-10.125v-9.703"/%3E%3Cpath stroke="%23457D54" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m62.4467 122.62-17.4605-9.165 6.7089-5.337 17.4594 8.073-6.7078 6.429Zm24.1694-14.502-17.4616 8.073v20.82l17.4616-10.125v-9.605m-34.9208-9.163 8.62-3.196m26.3008 3.196-8.9496-2.754"/%3E%3Cpath stroke="%23457D54" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m75.8635 122.62 17.4604-9.165-6.7078-5.337-17.4616 8.073 6.709 6.429ZM68.9994 88l3.7089 7.2418L81 96.4034l-6.0003 5.6376L76.416 110l-7.4166-3.758L61.584 110l1.4163-7.959L57 96.4034l8.2918-1.1616L68.9994 88ZM113.99 36.9999v3.9997m13.999-3.9997v3.9997M110.99 49c5.525 5.3339 14.474 5.3339 20 0m8.999-11.0002v19.0005c0 2.2103-1.787 3.9997-3.999 3.9997h-30.001c-2.212 0-4-1.7905-4-3.9997V45.1607m2-17.1611V14.9997h6.001v7.0004L120.99 11l25 25-4 3.9997-21-21.0004-21.0003 21.0004L95.99 36l8-8.0004h-.001ZM44.3233 47.3181h3.2533M11.9551 35.4532h2.4979m-2.4979-3.816h2.4979m-2.4979-3.816h2.4979m.318-6.1414v17.3718M9.69305 21.6798v17.3718M21.3379 21h4.5314M9.3512 24.0103c-3.49752 0-6.36121 2.8432-6.36121 6.3178v2.6523c0 3.4746 2.86369 6.3177 6.36121 6.3177h18.1942c3.4975 0 6.3612-2.8431 6.3612-6.3177v-2.6523c0-3.4746-2.8637-6.3178-6.3612-6.3178H11.9551m4.9128 23.6699h4.4077m8.0175-5.2644H45.485l2.0916 4.892 3.4134.0216v-11.054l-4.8494-9.4436h-8.9173v15.585m-7.9302-.001H7.43826m21.85484 0c0-.1321 1.782 5.0292 1.7747 4.9002h7.4876M7.43826 39.2981v8.4069h3.47364m35.9613-13.7105h-5.3325v-4.598M10.9981 48.1217c0 1.5898 1.2978 2.8783 2.899 2.8783 1.6013 0 2.8991-1.2885 2.8991-2.8783 0-1.5897-1.2978-2.8782-2.8991-2.8782-1.6012 0-2.899 1.2905-2.899 2.8782Zm10.3409 0c0 1.5898 1.2957 2.8783 2.8969 2.8783s2.899-1.2885 2.899-2.8783c0-1.5897-1.2978-2.8782-2.899-2.8782s-2.8969 1.2905-2.8969 2.8782Zm17.1873 0c0 1.5898 1.2978 2.8783 2.899 2.8783s2.899-1.2885 2.899-2.8783c0-1.5897-1.2978-2.8782-2.899-2.8782s-2.899 1.2905-2.899 2.8782ZM163.01 141 136 125.857v-24.571m54.02 0v24.571L163.01 141m-13.735-32.973L136 101.286 163.01 89l27.01 12.286L163.01 115l-13.735-6.973Zm1.701 7.3-3.2-1.624M175 95l-22 10m10 10v20m100.771-15.487-17.951 3.32m6.164-19.408-14.373 14.443c-2.161 2.179-2.161 5.718 0 7.898l7.375 7.418c5.064 5.088 13.276 5.088 18.328 0l14.396-14.478c.72-.727 1.292-2.15 1.28-3.177l-.147-8.711c-.012-1.03-.619-2.45-1.34-3.177l-3.969-3.9903c-1.438-1.4538-4.274-2.6622-6.322-2.6956l-8.654-.148-3.958 3.9779m11.333 4.032c1.429-1.435 3.739-1.435 5.168 0 1.43 1.434 1.43 3.763 0 5.198-1.303 1.31-3.351 1.425-4.78.343m1.384-2.96c-1.429 2.156-8.152.51-15.013-3.681-6.86-4.1876-11.308-9.4164-9.936-11.6813 1.235-2.0499 6.825-.9561 12.976 2.3909m.71 35.2944c-.993 1.001-2.607.998-3.6-.002-.995-1.001-.995-2.622 0-3.623.993-.996 2.607-.996 3.6.002.995 1.003.995 2.624 0 3.623Zm.298-13.478c-.995.998-2.607 1.001-3.602.003-.984-1.001-.984-2.622.011-3.621.984-.998 2.595-.998 3.59 0 .995.999.995 2.62 0 3.619l.001-.001Z"/%3E%3C/svg%3E');
}

/* layout */

.fonf-container {
  position: relative;
  width: 100%;
  max-width: 1380px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.fonf-row {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .fonf-row {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.fonf-column {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .fonf-column {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.fonf-cta {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* hero  */

.fonf-hero {
  position: relative;
  display: flex;
  align-items: center;
  height: 340px;
  padding-bottom: 50px;
  background-image: linear-gradient(
    360deg,
    #fcc204 -60.23%,
    #fee466 48.39%,
    #fff3c8 100%
  );
}

.fonf-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--fonf-pattern);
  background-position: 32px 36px;
  pointer-events: none;
}

.fonf-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: url('/wp-content/themes/gutenberg-base/compiled/images/btg-fonf-paint-edge.svg');
  background-position: center top;
  background-repeat: repeat-x;
  background-size: 1920px;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .fonf-hero {
    height: 660px;
  }
}

.fonf-hero .fonf-row {
  align-items: center;
  justify-content: space-around;
}

.fonf-hero__logo,
.fonf-hero__content {
  width: 50%;
}

@media (min-width: 1024px) {
  .fonf-hero__logo__image {
    max-width: 605px;
  }
}

.fonf-hero__content {
  padding: 32px 20px;
  background-color: #fff;
  border-radius: 20px;
}

@media (max-width: 767px) {
  .fonf-hero__content .fonf-button {
    width: 100%;
    min-width: 0;
    padding: 0 20px;
  }
  .fonf-hero__content .fonf-button__text {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .fonf-hero__content {
    padding: 46px 56px;
    border-radius: 40px;
  }
}

.fonf-hero__title,
.fonf-hero__subtitle {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 500;
  line-height: 1;
}

.fonf-hero__title {
  font-size: 36px;
  text-transform: none;
  color: var(--fonf-green-1);
  margin-bottom: 32px;
}

.fonf-hero__subtitle {
  display: none;
}

@media (min-width: 1024px) {
  .fonf-hero__title {
    font-size: 60px;
    margin-bottom: 8px;
  }

  .fonf-hero__subtitle {
    display: block;
    font-size: 48px;
    margin-bottom: 32px;
  }
}

/* content */

.fonf-content {
  padding-top: 24px;
  padding-bottom: 48px;
  background-color: #ecf2ee;
}

.fonf__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  color: var(--fonf-green-1);
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .fonf__heading {
    font-size: 48px;
  }
}

.fonf__text--align-center {
  max-width: 1000px;
  margin: 0 auto 40px;
  text-align: center;
}

.fonf__text p,
.fonf__text ol,
.fonf__text ul {
  font-family: 'Roboto', sans-serif !important;
  font-size: 18px;
  line-height: 1.3;
  color: #303030 !important;
  margin-bottom: 1rem !important;
}

.fonf__text ol,
.fonf__text ul {
  margin-left: 1.5rem;
}

.fonf__text p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .fonf__text p,
  .fonf__text ol,
  .fonf__text ul {
    font-size: 20px;
  }
}

/* instructions */

.fonf-instructions {
  padding: 24px 20px 32px;
  margin-bottom: 24px;
  color: #303030;
  background-color: #fff;
  border-radius: 20px;
}

@media (min-width: 1024px) {
  .fonf-instructions {
    padding: 30px 40px 40px;
    margin-bottom: 48px;
  }
}

.fonf-instructions__title,
.fonf-information__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  color: var(--fonf-green-1);
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .fonf-instructions__title,
  .fonf-information__title {
    font-size: 40px;
  }
}

.fonf-instructions__text,
.fonf-instructions__text p,
.fonf-information__text,
.fonf-information__text p {
  font-family: 'Roboto', sans-serif !important;
  font-size: 18px;
  line-height: 1.3;
  color: #303030 !important;
  margin-bottom: 1rem !important;
}

.fonf-instructions__text p:last-child,
.fonf-information__text p:last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 1024px) {
  .fonf-instructions__text,
  .fonf-instructions__text p,
  .fonf-information__text,
  .fonf-information__text p {
    font-size: 20px;
  }
}

.fonf-instructions__step__item {
  display: flex;
  align-items: flex-start;
  column-gap: 18px;
  margin-bottom: 24px;
}

.fonf-instructions__step__item:last-child {
  margin-bottom: 0;
}

.fonf-instructions__step__item div:first-of-type {
  display: flex;
  justify-content: center;
  flex: 0 0 40px;
  max-width: 40px;
}

@media (min-width: 1024px) {
  .fonf-instructions__step__item {
    column-gap: 24px;
  }

  .fonf-instructions__step__item div:first-of-type {
    flex: 0 0 60px;
    max-width: 60px;
  }
}

.fonf-instructions__step__title,
.fonf-information__step__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--fonf-green-1);
  margin-top: 0;
  margin-bottom: 8px;
}

@media (min-width: 1024px) {
  .fonf-instructions__step__title,
  .fonf-information__step__title {
    font-size: 30px;
  }
}

/* information */

.fonf-information {
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .fonf-information {
    margin-bottom: 48px;
  }
}

.fonf-information__steps {
  display: grid;
  row-gap: 32px;
}

.fonf-information__step__item.is-active {
  position: relative;
  padding: 16px 20px 20px;
  background-color: var(--fonf-green-1);
  border-radius: 20px;
}

.fonf-information__step__item.is-active::before,
.fonf-information__step__item.is-active::after {
  content: '';
  position: absolute;
  width: 110px;
  height: 110px;
  background-image: url('/wp-content/themes/gutenberg-base/compiled/images/fonf-icon-sparkle.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.fonf-information__step__item.is-active::before {
  bottom: -50px;
  left: -50px;
}

.fonf-information__step__item.is-active::after {
  top: -50px;
  right: -50px;
}

@media (min-width: 1024px) {
  .fonf-information__step__item.is-active::before,
  .fonf-information__step__item.is-active::after {
    width: 167px;
    height: 167px;
  }

  .fonf-information__step__item.is-active::before {
    bottom: -75px;
    left: -75px;
  }

  .fonf-information__step__item.is-active::after {
    top: -75px;
    right: -75px;
  }
}

.fonf-information__step__item.is-active .fonf-information__step__title {
  color: var(--font-yellow-1) !important;
}

.fonf-information__step__item.is-active .fonf-information__text {
  color: #fff !important;
}

.fonf-information__step__item .fonf-information__text {
  margin-bottom: 0 !important;
}

/* button */

.fonf-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 230px;
  min-height: 50px;
  padding: 0 50px;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  border-radius: 999rem;
  cursor: pointer;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.fonf-button.green {
  background-color: var(--fonf-green-1);
}

.fonf-button.orange {
  background-color: var(--fonf-orange-1);
}

.fonf-button:hover {
  color: #fff;
}

.fonf-button:disabled {
  background-color: #535353 !important;
}

.fonf-button__text {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 500;
}

/* game */

.fonf-game {
  position: relative;
}

.fonf-game__canvas {
  position: relative;
  padding-top: 24px;
  padding-bottom: 96px;
  /* min-height: 1080px; */
  background-image: linear-gradient(
    360deg,
    #fcc204 -60.23%,
    #fee466 48.39%,
    #fff3c8 100%
  );
}

@media (min-width: 1024px) {
  .fonf-game__canvas {
    padding-top: 48px;
    padding-bottom: 120px;
  }
}

.fonf-game__canvas::before,
.fonf-game__canvas::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 72px;
  height: calc(100% - 200px);
  background-image: var(--fonf-pattern);
  background-repeat: repeat;
  background-size: 150px;
  pointer-events: none;
}

.fonf-game__canvas::before {
  left: 0;
  background-position: right top;
}

.fonf-game__canvas::after {
  right: 0;
  background-position: left top;
}

@media (min-width: 1024px) {
  .fonf-game__canvas::before,
  .fonf-game__canvas::after {
    width: calc((100vw - 1340px) / 2);
    height: 100%;
    background-size: 284px;
  }
}

.fonf-game__canvas__header {
  text-align: center;
  margin-bottom: -100px;
}

@media (min-width: 1024px) {
  .fonf-game__canvas__header {
    margin-bottom: 0;
  }
}

.fonf-game__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 64px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--fonf-green-1);
  margin-top: 0;
  margin-bottom: 8px;
}

.fonf-game__heading span {
  color: var(--fonf-orange-1);
}

@media (min-width: 1024px) {
  .fonf-game__heading {
    font-size: 110px;
  }
}

.fonf-game__box {
  display: flex;
  flex-wrap: wrap;
  max-width: 374px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .fonf-game__box {
    max-width: none;
  }
}

.fonf-game__box__item {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  transition: transform 200ms ease-in-out;
  animation: float 3s ease-in-out infinite;
}

.fonf-game__box__item:not(:last-child) {
  margin-bottom: -80px;
}

.fonf-game__box__item:nth-child(1) {
  animation-delay: 1s;
}

.fonf-game__box__item:nth-child(3) {
  animation-delay: 2s;
}

.fonf-game__canvas:has(.fonf-game__box__item.is-selected)
  .fonf-game__box__item {
  animation-play-state: paused;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@media (min-width: 1024px) {
  .fonf-game__box__item {
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }

  .fonf-game__box__item:not(:last-child) {
    margin-bottom: 0;
  }
}

.fonf-game__box__label {
  position: absolute;
  bottom: 22.5%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: var(--fonf-green-1);
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transform: translateX(-50%);
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}

.fonf-game__box__item.is-selected .fonf-game__box__label {
  color: #fff;
  background-color: var(--fonf-green-1);
}

@media (min-width: 1280px) {
  .fonf-game__box__label {
    bottom: 20%;
    width: 96px;
    height: 96px;
    font-size: 64px;
  }
}

.fonf-game__cta {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}

@media (min-width: 1024px) {
  .fonf-game__cta {
    padding-top: 48px;
  }
}

/* game state */

.fonf-game__box__item.is-selected {
  transform: scale(1.1);
}

@media (min-width: 1024px) {
  .fonf-game__box__item.is-selected {
    transform: scale(1.2);
  }

  .fonf-game__box:has(.fonf-game__box__item.is-selected)
    .fonf-game__box__item:not(.is-selected):nth-child(1),
  .fonf-game__box:has(.fonf-game__box__item:nth-child(3).is-selected)
    .fonf-game__box__item:nth-child(2) {
    transform: rotate(-2.5deg);
  }
  .fonf-game__box:has(.fonf-game__box__item.is-selected)
    .fonf-game__box__item:not(.is-selected):nth-child(3),
  .fonf-game__box:has(.fonf-game__box__item:nth-child(1).is-selected)
    .fonf-game__box__item:nth-child(2) {
    transform: rotate(2.5deg);
  }
  .fonf-game__box:has(.fonf-game__box__item:nth-child(1).is-selected)
    .fonf-game__box__item:nth-child(2) {
    transform: rotate(2.5deg);
  }
}

.fonf-game__box__item [data-fonf-graphic='selected'],
.fonf-game__box__item [data-fonf-graphic='open'] {
  display: none;
}

.fonf-game__box__item.is-selected [data-fonf-graphic='closed'] {
  display: none;
}

.fonf-game__box__item.is-selected [data-fonf-graphic='selected'] {
  display: block;
}

.fonf-game__box__item.is-open [data-fonf-graphic='closed'],
.fonf-game__box__item.is-open [data-fonf-graphic='selected'] {
  display: none;
}

.fonf-game__box__item.is-open [data-fonf-graphic='open'] {
  display: block;
}

[data-fonf-graphic='open'] .glow,
[data-fonf-graphic='open'] .message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fonf-game__box__item [data-fonf-graphic='open'] .glow {
  opacity: 0;
  transition: opacity 300ms ease-in-out 100ms;
}

.fonf-game__box__item.is-animating [data-fonf-graphic='open'] .glow {
  opacity: 1;
}

[data-fonf-prize] {
  display: none;
}

/* result */

.fonf-result {
  position: relative;
  display: none;
  padding-top: 40px;
  padding-bottom: 120px;
  background-image: linear-gradient(
    360deg,
    #fcc204 -60.23%,
    #fee466 48.39%,
    #fff3c8 100%
  );
}

@media (min-width: 1024px) {
  .fonf-result {
    padding-top: 120px;
  }
}

.fonf-result::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--fonf-pattern);
  background-position: 32px 36px;
  pointer-events: none;
}

.fonf-result .fonf-row {
  align-items: center;
}

.fonf-result__logo {
  display: flex;
  justify-content: center;
  max-width: 280px;
  margin: 0 auto 16px;
}

@media (min-width: 1024px) {
  .fonf-result__logo {
    max-width: 400px;
  }
}

.fonf-result__panel {
  padding: 20px 20px 40px;
  margin-bottom: -50px;
  text-align: center;
  background-color: #fff;
  border-radius: 40px;
}

@media (min-width: 1024px) {
  .fonf-result__panel {
    padding: 40px 40px 60px;
    margin-bottom: 0;
  }
}

.fonf-result__text {
  display: none;
}

.font-result__image {
  position: relative;
  transform: rotate(-5deg) scale(1.25);
}

@media (min-width: 1024px) {
  .font-result__image {
    transform: rotate(-5deg);
  }
}

/* form */

.fonf-form {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.5);
}

.fonf-form__panel {
  width: 100%;
  max-width: 820px;
  padding: 34px 30px;
  color: #fff;
  background-color: var(--fonf-green-1);
  border-radius: 40px;
}

@media (min-width: 1024px) {
  .fonf-form__panel {
    padding: 64px 100px;
  }
}

.fonf-form__panel .fonf__heading {
  text-align: left;
  color: var(--font-yellow-1);
}

.fonf-form .wpforms-field-label {
  font-family: 'Roboto', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.fonf-form .wpforms-field-label-inline {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.fonf-form .wpforms-field-label,
.fonf-form .wpforms-field-label-inline,
.fonf-form .wpforms-required-label,
.fonf-form .wpforms-error {
  color: #fff !important;
}

.fonf-form .wpforms-field-medium {
  width: 100% !important;
  max-width: none !important;
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 6px !important;
}

.fonf-form .wpforms-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 230px !important;
  min-height: 50px !important;
  padding: 0 50px 4px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--font-yellow-1) !important;
  background-color: var(--fonf-orange-1) !important;
  border: 0 !important;
  border-radius: 999rem !important;
  cursor: pointer !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}