/* The closing CTA's circles enter together, hold, then travel as a pair. */
@property --fdc-entry {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --fdc-travel {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --fdc-rotation {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.home-final-demo {
  --fdc-ease: cubic-bezier(.18, .76, .24, 1);
  position: relative;
  display: inline-flex !important;
  box-sizing: border-box !important;
  width: 280px !important;
  max-width: 100%;
  height: 78px !important;
  padding: 0 !important;
  justify-content: center;
  overflow: hidden;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1f3539 !important;
  color: #fff !important;
  font-size: 22px !important;
  text-transform: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
.home-final-demo:is(:hover, :focus, :active) {
  background: #1f3539 !important;
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none;
}
.home-final-demo:focus-visible {
  outline: 3px solid #3ea98b;
  outline-offset: 5px;
}
.home-final-demo__label {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  line-height: 1;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.home-final-demo__label--default {
  opacity: 1;
  transition: opacity 180ms var(--fdc-ease);
}
.home-final-demo__label--final {
  opacity: 0;
  transform: translate(calc(-50% + 40px), calc(-50% + 8px));
  transition: opacity 120ms var(--fdc-ease), transform 200ms var(--fdc-ease);
}
.home-final-demo__label--long {
  font-size: 18px !important;
}
.home-final-demo__icons {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 44px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition:
    opacity 140ms linear 160ms,
    transform 60ms linear;
}
.home-final-demo__elephant,
.home-final-demo__clinic {
  position: absolute;
  top: 0;
  display: block;
  width: 44px;
  height: 44px;
  max-width: none;
  transform:
    translate3d(calc(var(--fdc-start-x, 0px) * (1 - var(--fdc-entry, 0)) + var(--fdc-travel, 0px)), var(--fdc-start-y, 0px), 0)
    rotate(calc(var(--fdc-start-rotation, 0deg) * (1 - var(--fdc-entry, 0)) + var(--fdc-rotation, 0deg)));
}
.home-final-demo__elephant {
  left: 0;
  --fdc-start-y: -1px;
  --fdc-start-x: -45px;
  --fdc-start-rotation: -20deg;
  --fdc-entry: 0;
  --fdc-travel: 0px;
  transition:
    --fdc-entry 400ms cubic-bezier(.34, 1.56, .64, 1),
    --fdc-travel 350ms linear(0, .9 45%, 1.13 72%, 1),
    --fdc-rotation 400ms cubic-bezier(.34, 1.56, .64, 1);
}
.home-final-demo__clinic {
  left: 56px;
  --fdc-start-y: 1px;
  --fdc-start-x: 45px;
  --fdc-start-rotation: 20deg;
  --fdc-entry: 0;
  --fdc-travel: 0px;
  transition:
    --fdc-entry 400ms cubic-bezier(.34, 1.56, .64, 1),
    --fdc-travel 350ms linear(0, .9 45%, 1.13 72%, 1),
    --fdc-rotation 400ms cubic-bezier(.34, 1.56, .64, 1);
}
.home-final-demo__plus {
  position: absolute;
  top: 50%;
  left: 50px;
  font-size: 18px;
  line-height: 1;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity 120ms linear;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__label--default {
  opacity: 0;
  transition-delay: 0ms;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__label--final {
  opacity: 1;
  transform: translate(calc(-50% + 40px), -50%);
  transition:
    opacity 120ms var(--fdc-ease) 650ms,
    transform 200ms var(--fdc-ease) 650ms;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__elephant,
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__clinic {
  transition:
    --fdc-entry 400ms cubic-bezier(.34, 1.56, .64, 1),
    --fdc-travel 350ms linear(0, .9 45%, 1.13 72%, 1) 500ms,
    --fdc-rotation 400ms cubic-bezier(.34, 1.56, .64, 1);
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__icons {
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: opacity 50ms linear;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__elephant,
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__clinic {
  --fdc-entry: 1;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__elephant {
  --fdc-travel: -68px;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__clinic {
  --fdc-travel: -92px;
}
.home-final-demo:is(:hover, :focus-visible) .home-final-demo__plus {
  opacity: 0;
  transition-delay: 500ms;
}

@media (hover: none), (pointer: coarse), (max-width: 600px) {
  .home-final-demo .home-final-demo__label--default { opacity: 0; }
  .home-final-demo .home-final-demo__label--final {
    opacity: 1;
    transform: translate(calc(-50% + 40px), -50%);
  }
  .home-final-demo .home-final-demo__icons {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .home-final-demo .home-final-demo__elephant,
  .home-final-demo .home-final-demo__clinic { transition: none !important; }
  .home-final-demo .home-final-demo__elephant {
    --fdc-entry: 1;
    --fdc-travel: -68px;
    --fdc-rotation: 0deg;
  }
  .home-final-demo .home-final-demo__clinic {
    --fdc-entry: 1;
    --fdc-travel: -92px;
    --fdc-rotation: 0deg;
  }
  .home-final-demo .home-final-demo__plus { opacity: 0; }
  .home-final-demo .home-final-demo__label,
  .home-final-demo .home-final-demo__icons,
  .home-final-demo .home-final-demo__plus { transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .home-final-demo .home-final-demo__label,
  .home-final-demo .home-final-demo__icons,
  .home-final-demo .home-final-demo__elephant,
  .home-final-demo .home-final-demo__clinic,
  .home-final-demo .home-final-demo__plus {
    transition: none !important;
  }
  .home-final-demo .home-final-demo__label--final {
    transform: translate(calc(-50% + 40px), -50%);
  }
  .home-final-demo .home-final-demo__elephant {
    --fdc-entry: 1;
    --fdc-travel: -68px;
    --fdc-rotation: 0deg;
  }
  .home-final-demo .home-final-demo__clinic {
    --fdc-entry: 1;
    --fdc-travel: -92px;
    --fdc-rotation: 0deg;
  }
}