.button {

    color: #eaeaea;
    font-family: inherit;
    font-weight: 500;

    padding: .4em .7em;

    border: .1rem;
    border-style: solid;
    border-radius: .3em;

    transition: 300ms;
}

.primary {
    background-color: #353be5;
    border-color: #4e53dc;
}

.primary:hover {
    background-color: #353be5;
    border-color: #6b70f7;

    filter: drop-shadow(#353be580 0 0 .7em);
}

.secondary {
    background-color: #1a1a1a;
    border-color: #2a2a2a;
}

.secondary:hover {
    background-color: #2a2a2a;
    border-color: #3a3a3a;
}

.tertiary {
    background-color: #eaeaea00;
    border-color: #eaeaea;
}

.tertiary:hover {
    background-color: #eaeaea16;
    border-color: #eaeaea;
}