button.xperiences {
    background-color: #ffffff;
    color: #000000;
    border: none;
    padding: 6px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 20px;
    transition: background-color 0.3s, color 0.3s;

    &:hover {
        background-color: var(--accent-color);
        color: #ffffff;
    }
}

button.xperiences_transparent {
    background-color: rgb(250 250 250 / 30%);
    color: #ffffff;
    padding: 6px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 20px;
    transition: background-color 0.2s ease;

    &:hover {
        background-color: rgb(250 250 250 / 40%);
    }
}

a.anchor_button {
    display: inline-block;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    padding: 6px 20px;
    font-size: 1rem;
    border-radius: 20px;
    transition: background-color 0.3s, color 0.3s;

    &:hover {
        background-color: var(--accent-color);
        color: #ffffff;
    }
}