:root {
  --boostily-dbo-color-default: #f0ad4e;
}

/* Boostily Direct Order Button Styling */
#boostily-direct-order-button {
  /* 1. Positioning */
  position: fixed;
  bottom: 5%;
  left: 50%;
  z-index: 9999;

  /* 2. Style */
  padding: 1rem 2rem;
  border-radius: 10rem;
  background-color: var(--theme-palette-color-2, --boostily-dbo-color-default);
  color: var(--theme-palette-color-4, white);
  text-align: center;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;

  box-shadow: 0 10px 25px -5px rgb(from var(--theme-palette-color-2, var(--boostily-dbo-color-default)) r g b / .4);

  /* 3. Animation & Visibility */
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
  transition:
    visibility .4s ease-out,
    opacity .4s ease-out,
    transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#boostily-direct-order-button__link {
  color: inherit;
}

#boostily-direct-order-button.hidden {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 150%) scale(0.8);
  transition:
    visibility .3s ease-in,
    opacity .3s ease-in,
    transform .3s ease-in;
  pointer-events: none;
  /* Prevents clicking while hidden */
}

/* Accessibility: Remove animation for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  #boostily-direct-order-button,
  #boostily-direct-order-button.hidden {
    transition: none !important;
  }
}