body {
    color: #d0d0d0;
    font-family: Arial, sans-serif;
}

#applyanimation {
    color: #d0d0d0;
    border-radius: 8px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: transparent; */
}

#applyanimation:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}

#applyanimation:hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 8px;
    border: 3px solid transparent;
    background: linear-gradient(45deg, rgba(255, 94, 58, 0.4), rgba(255, 149, 58, 0.4), rgba(189, 80, 219, 0.4), rgba(64, 44, 228, 0.4));
    background-size: 300% 300%;
    animation: movingDotAnimation 6s linear infinite;
    mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    z-index: 0;
}

u/keyframes movingDotAnimation {
    5% { background-position: 5% 50%; }
    50% { background-position: 95% 50%; }
    95% { background-position: 0% 50%; }
}body {
    color: #d0d0d0;
    font-family: Arial, sans-serif;
}

#applyanimation {
    color: #d0d0d0;
    border-radius: 8px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    /* transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: transparent; */
}


#applyanimation:hover {
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}


#applyanimation:hover::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 8px;
    border: 3px solid transparent;
    background: linear-gradient(45deg, rgba(255, 94, 58, 0.4), rgba(255, 149, 58, 0.4), rgba(189, 80, 219, 0.4), rgba(64, 44, 228, 0.4));
    background-size: 300% 300%;
    animation: movingDotAnimation 6s linear infinite;
    mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    z-index: 0;
}


u/keyframes movingDotAnimation {
    5% { background-position: 5% 50%; }
    50% { background-position: 95% 50%; }
    95% { background-position: 0% 50%; }
}