:root {
    --xgoal-primary: rgb(122, 85, 180);
    --xgoal-secondary: rgba(120, 150, 194, 0.938);
}

.btn-xgoal-primary {
    background-color: var(--xgoal-primary);
    color: white;
    border: none;
}

.btn-xgoal-primary:hover {
    background-color: var(--xgoal-primary);
    color: white;
    border: none;
    transform: scale(1.02);
    transition: 0.2s;
}

.btn-xgoal-secondary {
    background-color: var(--xgoal-secondary);
    color: white;
    border: none;
}

.btn-xgoal-secondary:hover {
    background-color: var(--xgoal-secondary);
    color: white;
    border: none;
    transform: scale(1.02);
    transition: 0.2s;
}