/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
section.gt-block.bring-you {
  /* #component BUTTON ======================================================================= */
}
section.gt-block.bring-you .btn {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
  padding: var(--padding);
  gap: var(--gap);
  font-size: var(--font-size);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
section.gt-block.bring-you .btn.btn--sm {
  --padding: 0.8rem 1.2rem;
  --gap: 0.4rem;
  --font-size: 14px;
}
section.gt-block.bring-you .btn.btn--md {
  --padding: 1rem 1.4rem;
  --gap: 0.4rem;
  --font-size: 14px;
}
section.gt-block.bring-you .btn.btn--lg {
  --padding: 1rem 1.6rem;
  --gap: 0.6rem;
  --font-size: 16px;
}
section.gt-block.bring-you .btn.btn--xl {
  --padding: 1.4rem 2rem;
  --gap: 0.8rem;
  --font-size: 16px;
}
section.gt-block.bring-you .btn.btn--2xl {
  --padding: 1.6rem 2.2rem;
  --gap: 1rem;
  --font-size: 1.8rem;
}
section.gt-block.bring-you .btn {
  background: var(--bg);
  color: var(--color);
}
section.gt-block.bring-you .btn.btn--primary {
  --bg: linear-gradient(192deg, var(--green-500-primary, #238500) -50.48%, var(--green-400-secondary, #46bf1a) 87.56%);
  --color: var(--base-white, #fff);
  --border-radius: 1.4rem;
  height: 5.2rem;
  max-height: 5.2rem;
  position: relative;
  background: var(--bg);
  color: var(--color) !important;
  border-radius: var(--border-radius);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-shadow: 0 0 20px 0 rgba(109, 222, 68, 0);
  box-shadow: 0 0 20px 0 rgba(109, 222, 68, 0);
  /* Ensure content stays above the pseudo-element */
  z-index: 1;
}
section.gt-block.bring-you .btn.btn--primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#238500), to(#238500)), #238500;
  background: linear-gradient(90deg, #238500 0%, #238500 100%), #238500;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: var(--border-radius);
  z-index: -1; /* Place pseudo-element behind the button's content */
  height: 5.2rem;
  max-height: 5.2rem;
}
section.gt-block.bring-you .btn.btn--primary:hover::after, section.gt-block.bring-you .btn.btn--primary:focus::after {
  opacity: 1; /* Fade in the hover gradient */
}
section.gt-block.bring-you .btn.btn--secondary-gray {
  --bg: var(--gray-color-200);
  --color: var(--gray-color-500);
  --border-color: var(--bg);
}
section.gt-block.bring-you .btn.btn--secondary-gray:hover, section.gt-block.bring-you .btn.btn--secondary-gray:focus {
  --bg: var(--gray-color-200);
  --color: var(--secondary-gray-btn-hover-color);
}
section.gt-block.bring-you .btn.btn--secondary-color {
  --bg: linear-gradient(90deg, #fff 0%, #fff 100%), #fff;
  --color: var(--blue-600-primary, #0b465d);
  --border-radius: 1.4rem;
  height: 5.2rem;
  max-height: 5.2rem;
  border: 1.75px solid var(--green-400-secondary, #46bf1a);
  position: relative;
  background: var(--bg);
  color: var(--color) !important;
  border-radius: var(--border-radius);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  z-index: 1;
}
section.gt-block.bring-you .btn.btn--secondary-color::after {
  content: "";
  position: absolute;
  height: 5.2rem;
  max-height: 5.2rem;
  width: 100%;
  background: rgba(70, 191, 26, 0.1);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: var(--border-radius);
  border: 1.75px solid var(--green-400-secondary, #46bf1a);
  z-index: -1;
  backdrop-filter: blur(7.5px);
  height: 5.2rem;
  max-height: 5.2rem;
}
section.gt-block.bring-you .btn.btn--secondary-color:hover::after, section.gt-block.bring-you .btn.btn--secondary-color:focus::after, section.gt-block.bring-you .btn.btn--secondary-color.active::after {
  opacity: 1; /* Fade in the hover gradient */
}
section.gt-block.bring-you .btn.btn--tertiary-gray {
  --bg: #0b465d;
  --color: var(--White, #fff);
  backdrop-filter: blur(7.5px);
  --border-radius: 1.4rem;
}
section.gt-block.bring-you .btn.btn--tertiary-gray:hover, section.gt-block.bring-you .btn.btn--tertiary-gray:focus {
  --bg: var(--Blue-500, #227798);
  -webkit-box-shadow: 0 4px 24px 0 rgba(34, 119, 152, 0.4);
  box-shadow: 0 4px 24px 0 rgba(34, 119, 152, 0.4);
}
section.gt-block.bring-you .btn.btn--tertiary-color {
  --bg: transparent;
  --color: var(--brand-color-900);
  --border-color: var(--bg);
}
section.gt-block.bring-you .btn.btn--tertiary-color:hover, section.gt-block.bring-you .btn.btn--tertiary-color:focus {
  --bg: var(--Blue-500, #227798);
  -webkit-box-shadow: 0 4px 24px 0 rgba(34, 119, 152, 0.4);
  box-shadow: 0 4px 24px 0 rgba(34, 119, 152, 0.4);
}
section.gt-block.bring-you .btn.btn--disabled {
  --bg: var(--Grey-200, #e4ebf0);
  --color: var(--Grey-300, #c1cfd8);
  --border-color: var(--bg);
  --border-radius: 1.4rem;
  -webkit-box-shadow: 0 0 20px 0 rgba(109, 222, 68, 0);
  box-shadow: 0 0 20px 0 rgba(109, 222, 68, 0);
}
section.gt-block.bring-you .btn.btn--disabled .btn__icon svg g path {
  stroke: var(--Grey-300, #c1cfd8);
}
section.gt-block.bring-you .btn.btn--link-gray {
  border: none;
  --padding: 0;
  --bg: transparent;
  --color: var(--gray-color-600);
}
section.gt-block.bring-you .btn.btn--link-gray:hover, section.gt-block.bring-you .btn.btn--link-gray:focus {
  --color: var(--gray-color-900);
}
section.gt-block.bring-you .btn.btn--link-color {
  border: none;
  --padding: 0;
  --bg: transparent;
  --color: var(--brand-color-900);
}
section.gt-block.bring-you .btn.btn--link-color:hover, section.gt-block.bring-you .btn.btn--link-color:focus {
  --color: var(--brand-color-1100);
}
section.gt-block.bring-you .btn .btn__icon {
  font-size: 0;
}
section.gt-block.bring-you .btn .call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
section.gt-block.bring-you .btn .call .text-xs {
  color: var(--base-white, #fff);
}
section.gt-block.bring-you .btn.btn--store {
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0.8rem;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}
section.gt-block.bring-you .btn.btn--store:hover, section.gt-block.bring-you .btn.btn--store:focus {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
section.gt-block.bring-you .btn.btn--store svg {
  width: auto;
  height: 5.2rem;
  display: block;
}
section.gt-block.bring-you .btn.btn--store.btn--store-apple svg {
  height: 5.2rem;
}
section.gt-block.bring-you .btn.btn--store.btn--store-google svg {
  height: 5.2rem;
}
section.gt-block.bring-you {
  /* #endcomponent */
}