/*
 * Prospecta Corban — v305: verde elétrico de sucesso.
 *
 * Apenas os três botões da confirmação de link. A folha original v289
 * aplica um azul forte com !important; esta exceção mantém o MESMO
 * brilho/contraste/reflexo, mas em verde. Não afeta outras ações.
 */
#automation-proposal-bank-success-popup :is(
  .automation-proposal-bank-success-open,
  .automation-proposal-bank-success-copy-button,
  .automation-proposal-bank-success-confirm
):not(:disabled) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #032b1b !important;
  border: 1px solid rgba(150, 255, 204, .96) !important;
  background: linear-gradient(110deg, #09d978 0%, #3aff9f 52%, #93ffd4 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(2, 94, 49, .24),
    0 0 20px rgba(26, 250, 133, .30),
    0 8px 25px rgba(0, 190, 94, .29) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.14) !important;
  transition: border-color .22s ease, box-shadow .22s ease,
              transform .22s ease, filter .22s ease;
}

/* Faixa luminosa atravessa cada botão ao passar o mouse, como no azul. */
#automation-proposal-bank-success-popup :is(
  .automation-proposal-bank-success-open,
  .automation-proposal-bank-success-copy-button,
  .automation-proposal-bank-success-confirm
):not(:disabled)::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  left: -68%;
  top: -75%;
  width: 38%;
  height: 250%;
  opacity: 0;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.10) 20%,
    rgba(255,255,255,.64) 50%,
    rgba(255,255,255,.13) 79%,
    transparent 100%);
  transform: translate3d(0,0,0) skewX(-22deg);
  transition: transform .58s cubic-bezier(.23,.58,.22,1),
              opacity .13s ease;
}

#automation-proposal-bank-success-popup :is(
  .automation-proposal-bank-success-open,
  .automation-proposal-bank-success-copy-button,
  .automation-proposal-bank-success-confirm
):not(:disabled):is(:hover, :focus-visible) {
  color: #012416 !important;
  border-color: #caffeb !important;
  background: linear-gradient(110deg, #19f18d 0%, #62ffb8 60%, #b0ffe1 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 0 30px rgba(37, 255, 148, .48),
    0 10px 28px rgba(0, 198, 108, .38) !important;
  transform: translateY(-1px);
}

#automation-proposal-bank-success-popup :is(
  .automation-proposal-bank-success-open,
  .automation-proposal-bank-success-copy-button,
  .automation-proposal-bank-success-confirm
):not(:disabled):is(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translate3d(525%,0,0) skewX(-22deg);
}

#automation-proposal-bank-success-popup :is(
  .automation-proposal-bank-success-open,
  .automation-proposal-bank-success-copy-button,
  .automation-proposal-bank-success-confirm
):not(:disabled):active {
  transform: translateY(0);
  filter: brightness(.96);
}

#automation-proposal-bank-success-popup :is(
  .automation-proposal-bank-success-open,
  .automation-proposal-bank-success-copy-button,
  .automation-proposal-bank-success-confirm
):focus-visible {
  outline: 2px solid #adffe1 !important;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #automation-proposal-bank-success-popup :is(
    .automation-proposal-bank-success-open,
    .automation-proposal-bank-success-copy-button,
    .automation-proposal-bank-success-confirm
  ) {
    transition: none !important;
  }
  #automation-proposal-bank-success-popup :is(
    .automation-proposal-bank-success-open,
    .automation-proposal-bank-success-copy-button,
    .automation-proposal-bank-success-confirm
  )::after {
    transition: none !important;
    display: none;
  }
}