/* From uiverse.io */
/*linkeo este css en personal para usar los mismos formatos de botón*/
button {
    --glow-color: rgb(217, 176, 255);
    --glow-spread-color: rgba(197, 154, 247, 0.781);
    --enhanced-glow-color: rgb(231, 206, 255);
    --btn-color: rgb(147, 75, 230);
    border: .25em solid var(--glow-color);
    padding: 1vw 3vw;
    color: var(--glow-color);
    font-size: 15px;
    font-weight: bold;
    background-color: var(--btn-color);
    border-radius: 1vw;
    outline: none;
    box-shadow: 0 0 1em .25em var(--glow-color),
           0 0 0.5em 0.5em var(--glow-spread-color),
           inset 0 0 .75em .25em var(--glow-color);
    text-shadow: 0 0 .5em var(--glow-color); 
    position: relative;
    transition: all 0.3s;
   }
   
   button::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    height: 100%;
    width: 100%;
 
    filter: blur(2em);
    opacity: .7;
    transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
   }
   
   button:hover {
    color: var(--btn-color);
    background-color: var(--glow-color);
    box-shadow: 0 0 1em .25em var(--glow-color),
           0 0 4em 2em var(--glow-spread-color),
           inset 0 0 .75em .25em var(--glow-color);
   }
   
   button:active {
    box-shadow: 0 0 0.6em .25em var(--glow-color),
           0 0 2.5em 2em var(--glow-spread-color),
           inset 0 0 .5em .25em var(--glow-color);
   }