:root {
    /* #4f46e5 in HSL: hsl(241, 76%, 59%) */
    --primary-h: 241;
    --primary-s: 76%;
    --primary-l: 59%;
    --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
    --primary-box-shadow: 0 8px 13px -3px hsla(241, 76%, 59%, 37%);
}

.button.v-button.wl {
    color: #fff;
    border-color: #4f46e5;
    background: #4f46e5;
}

.button.v-button.wl:hover {
    border-color: #4338ca;
    background: #4338ca;
    scale: 102%;
}

.button.v-button.wl:active {
    border-color: #3730a3;
    background: #3730a3;
}