/* The second CTA is anchored to the primary CTA, not to the slider canvas.
   Responsive pixel offsets remain relative to that anchor as browser zoom changes. */
.feature-slider .feature-slider__extra {
  --extra-blur: 0px;
  --extra-icon-size: 24px; --extra-icon-padding: 8px; --extra-icon-radius: 50%;
  --extra-icon-background: transparent; --extra-icon-color: currentColor;
  --extra-ripple-color: rgba(255,255,255,.55);
  position: absolute; z-index: 5;
  left: calc(100% + 18px + var(--extra-x, 0px));
  top: calc(50% + var(--extra-y, 0px));
  transform: translateY(-50%);
  display: none; align-items: center; justify-content: center; gap: 10px;
  width: max-content; max-width: min(75vw, 500px);
  min-width: 150px; min-height: 45px;
  padding: 8px 25px;
  border: 1px solid #fff; border-radius: 10px;
  background-color: #fff; color: #131d37;
  font: 300 16px/1.2 'Marcellus', Georgia, serif;
  text-decoration: none; text-align: center;
  -webkit-backdrop-filter: blur(var(--extra-blur));
  backdrop-filter: blur(var(--extra-blur));
  transition: background-color .2s, color .2s, box-shadow .2s;
}
.feature-slider .feature-slider__extra.is-visible { display: inline-flex; }
.feature-slider .feature-slider__extra:hover { filter: brightness(1.15); }
.feature-slider .feature-slider__extra-icon {
  position: relative; flex: none; display: inline-grid; place-items: center;
  color: inherit; border-radius: var(--extra-icon-radius);
}
.feature-slider .feature-slider__extra-icon.has-outline {
  padding: var(--extra-icon-padding);
  background-color: var(--extra-icon-background);
  border: var(--extra-icon-border-width, 1px) solid var(--extra-icon-border-color, currentColor);
}
.feature-slider .feature-slider__extra-icon img {
  display: block; width: var(--extra-icon-size); height: var(--extra-icon-size);
  object-fit: contain; max-width: none;
}
.feature-slider .feature-slider__extra-icon.has-tint img { opacity: 0; }
.feature-slider .feature-slider__extra-icon.has-tint::after {
  content: ''; position: absolute; inset: 0; margin: auto;
  width: var(--extra-icon-size); height: var(--extra-icon-size);
  background-color: var(--extra-icon-color);
  -webkit-mask: var(--extra-icon-mask) center / contain no-repeat;
  mask: var(--extra-icon-mask) center / contain no-repeat;
}
.feature-slider .feature-slider__extra--ripple .feature-slider__extra-icon::before {
  content: ''; position: absolute; z-index: -1; inset: 0;
  border: 2px solid var(--extra-ripple-color); border-radius: inherit;
  animation: fs-extra-ripple 2.3s ease-out infinite;
  pointer-events: none;
}
@keyframes fs-extra-ripple { 0% { transform: scale(.8); opacity: .9; } 100% { transform: scale(1.85); opacity: 0; } }
@media (min-width: 1025px) {
  .feature-slider .feature-slider__extra--hide-desktop.is-visible { display: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .feature-slider .feature-slider__extra { left: calc(100% + 18px + var(--extra-x-tablet, var(--extra-x, 0px))); top: calc(50% + var(--extra-y-tablet, var(--extra-y, 0px))); }
  .feature-slider .feature-slider__extra--hide-tablet.is-visible { display: none; }
}
@media (max-width: 767px) {
  /* The primary CTA expands between the arrows on phones. Default to below it. */
  .feature-slider .feature-slider__extra {
    left: calc(50% + var(--extra-x-mobile, var(--extra-x-tablet, var(--extra-x, 0px))));
    top: calc(100% + 12px + var(--extra-y-mobile, var(--extra-y-tablet, var(--extra-y, 0px))));
    transform: translateX(-50%);
  }
  .feature-slider .feature-slider__extra--hide-mobile.is-visible { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-slider .feature-slider__extra--ripple .feature-slider__extra-icon::before { animation: none; opacity: 0; }
  .feature-slider .feature-slider__extra { transition: none; }
}
body.elementor-editor-active .feature-slider .feature-slider__extra.is-visible { cursor: grab; touch-action: none; }
body.elementor-editor-active .feature-slider .feature-slider__extra.is-dragging { cursor: grabbing; }