/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 01 2025 | 15:05:42 */
/* Pulsante vazado verde - aplica a botões comuns e botões do WooCommerce */
button,
input[type="button"],
input[type="submit"],
a.button,
a.btn,
button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  position: relative !important;
  z-index: 2 !important;            
  display: inline-block !important;
  overflow: visible !important;     
  border: 2px solid rgba(34, 139, 34, 1) !important; /* Verde base */
  background: transparent !important;
  color: rgba(34, 139, 34, 1) !important;
  box-sizing: border-box !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

/* Pseudo-elemento que cria o anel pulsante (vazado) */
button::after,
input[type="button"]::after,
input[type="submit"]::after,
a.button::after,
a.btn::after,
button.button::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after {
  content: "" ;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: inherit;
  border: 2px solid rgba(34, 139, 34, 0.95); /* Verde pulsante */
  opacity: 0;
  z-index: 1;                 
  box-sizing: border-box;
  animation: pooc-pulse-outline 1.6s ease-out infinite;
}

/* Hover: deixar o botão sólido e diminuir animação para feedback */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.btn:hover,
button.button:hover {
  background: rgba(34, 139, 34, 1) !important; /* Fundo verde sólido */
  color: #fff !important;
  border-color: rgba(0, 100, 0, 1) !important; /* Verde mais escuro no hover */
}
button:hover::after,
a.button:hover::after {
  animation-duration: 1.0s;
}

/* Keyframes do pulso (expande o anel e some) */
@keyframes pooc-pulse-outline {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.9;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}