/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2025 | 00:20:35 */
.anim-button1 {
  position: relative;
  padding: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 18px;
  overflow: visible;
  z-index: 0;
}

.anim-button1::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 18px; /* чуть больше, чем у кнопки */
  pointer-events: none;
  z-index: -1;

  background: linear-gradient(90deg, 
    rgba(255,255,255,0) 0%, 
    rgba(255,255,255,0.6) 25%, 
    rgba(255,255,255,0) 50%, 
    rgba(255,255,255,0.6) 75%, 
    rgba(255,255,255,0) 100%);
  background-size: 200% 100%;
  animation: shine 4s linear infinite;

  /* Светящееся внешнее сияние */
  box-shadow: 0 0 8px 4px rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;

  /* Маска для создания эффекта рамки */
  padding: 1px;
  mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
}

@keyframes shine {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}