/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 21 2025 | 13:59:45 */
/* for glow button */
.glow-on {
    
    border: none;
    outline: none;
    color: #fff !important;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow-on:before {
    content: '';
    background: linear-gradient(
        45deg,
        #ff0000,
        #ff7300,
        #fffb00,
        #48ff00,
        #00ffd5,
        #002bff,
        #7a00ff,
        #ff00c8,
        #ff0000
    );
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(6px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1; /* ALWAYS ON */
    border-radius: 10px;
}

.glow-on:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


.btn-pulse {
  background-color: #3498db;
  color: white;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* for gradient border */
.gradient-border {
    position: relative;
    border-radius: 10px;
    overflow: visible;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gradient-border:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Gradient border */
.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4px; /* border thickness */
    border-radius: 10px;
    background: linear-gradient(
        45deg,
        #ff6f00,
        #ffca28,
        #4caf50
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}

/* Moving dot */
.gradient-border::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 213, 79, 0.9);
    animation: border-runner 10s linear infinite;
}

/* Path animation */
@keyframes border-runner {
    0%   { top: 0; left: 0; }
    25%  { top: 0; left: calc(100% - 5px); }
    50%  { top: calc(100% - 5px); left: calc(100% - 5px); }
    75%  { top: calc(100% - 5px); left: 0; }
    100% { top: 0; left: 0; }
}