.button-primary {
    background-color: #121212;
    border: 1px solid transparent;
    color: #fce500;
    transition: all 0.4s ease;
}

.button-primary:hover {
    background-color: #fce500;
    color: #121212;
    border-color: #121212;
}

.button--on-white {
    background-color: #fce500;
    color: #121212;
    transition: all 0.4s ease;
}

.button--on-white:hover {
    background-color: #121212;
    color: #fce500;
}

.button--on-dark {
    background-color: #fce500;
    color: #121212;
    border: 1px solid transparent;
    transition: all 0.4s ease;
}

.button--on-dark:hover {
    background-color: #121212;
    color: #fce500;
    border-color: #fce500;
}

.button--on-dark,
.button--on-white,
.button-primary {
    cursor: pointer;
}