.button{
    width: max-content;
    cursor: pointer;
    font-weight: bold;
    color: var(--c-0);

    -webkit-transition: color .2s, box-shadow .2s;
    -moz-transition: color .2s, box-shadow .2s;
    -o-transition: color .2s, box-shadow .2s;
    transition: color .2s, box-shadow .2s;

    border: 1px solid var(--c-2);
    border-radius: 30px;


    background:  linear-gradient(to Right, var(--c-3), var(--c-4));
    padding: 15px 60px;

}
.button:hover{
    color: var(--c-0);
    box-shadow: 0 0 16px var(--c-4);
}
.button > svg { width: 20px; height: 20px; }
.button > svg > path { fill: var(--c-0); }
.button > div > svg { width: 20px; height: 20px; }
.button > div > svg > path { fill: var(--c-0); }

.button_Light{
    width: max-content;
    cursor: pointer;
    font-weight: bold;
    color: var(--c-0);

    -webkit-transition: color .2s, box-shadow .2s;
    -moz-transition: color .2s, box-shadow .2s;
    -o-transition: color .2s, box-shadow .2s;
    transition: color .2s, box-shadow .2s;

    border: 1px solid var(--c-2);
    border-radius: 30px;


    background:  linear-gradient(to Right, var(--c-3), var(--c-4));
    padding: 15px 60px;

}
.button_Light:hover{
    color: var(--c-0);
    box-shadow: 0 0 16px var(--c-0);
}

.button_Fake {
    width: max-content;
    cursor: pointer;
    font-weight: bold;
    color: var(--c-3);

    -webkit-transition: color .2s, background-size .2s;
    -moz-transition: color .2s, background-size .2s;
    -o-transition: color .2s, background-size .2s;
    transition: color .2s, background-size .2s;

    background:  no-repeat 0 100%;
    background-image: linear-gradient(var(--c-3), var(--c-3));
    background-size: 0% 2px;
}

.button_Fake:hover {
    color: var(--c-2);
    background-size: 100% 2px;
}

.button_Fake_Light {
    width: max-content;
    cursor: pointer;
    font-weight: bold;
    color: var(--c-0);

    -webkit-transition: color .2s, background-size .2s;
    -moz-transition: color .2s, background-size .2s;
    -o-transition: color .2s, background-size .2s;
    transition: color .2s, background-size .2s;

    background:  no-repeat 0 100%;
    background-image: linear-gradient(var(--c-3), var(--c-3));
    background-size: 0% 2px;
}

.button_Fake_Light:hover {
    color: var(--c-3);
    background-size: 100% 2px;
}