.jumper-btn-dark{
    transition: all 0.5s !important;
    color: #EEEEF0 !important;
    background-color: #111113 !important;
    border: 1.5px solid #393A40 !important;
    border-radius: var(--border-radius) !important;
}

.jumper-btn-dark:hover {
    transition: all 0.5s !important;
    color: #EEEEF0 !important;
    background-color: #111113 !important;
    border: 1.5px solid #46484F !important;
}

.jumper-btn-white {
    transition: all 0.5s !important;
    color: #111113 !important;
    background-color: #F5F6F8 !important;
    border: 1.5px solid #393A40 !important;
    border-radius: var(--border-radius) !important;
}

.jumper-btn-white:hover {
    transition: all 0.5s !important;
    color: #111113 !important;
    background-color: #F5F6F8 !important;
    border: 1.5px solid #46484F !important;
}

.jumper-btn-red {
    transition: all 0.5s !important;
    color: #FF4D4D !important; 
    background-color: #3D1B1B !important; 
    border: 1.5px solid #5C2626 !important;
    border-radius: var(--border-radius) !important;
}

.jumper-btn-red:hover {
    background-color: #522323 !important;
    color: #FF6666 !important;
}

.jumper-btn-purple {
    transition: all 0.5s !important;
    color: #fff !important; 
    background-color: #7c3aed !important; 
    border: 1.5px solid #995eff !important;
    border-radius: var(--border-radius) !important;
}

.jumper-btn-purple:hover {
    background-color: #7c3aed !important;
    color: #fff !important;
}

.jumper-btn-yellow {
    transition: all 0.5s !important;
    color: #000000 !important; 
    background-color: #fdd830 !important; 
    border: 1.5px solid #fcd839 !important;
    border-radius: var(--border-radius) !important;
}

.jumper-btn-yellow:hover {
    background-color: #fdd830 !important;
    color: #000000 !important;
}