Css

Bonjour j’ai un problème tout bete en code mais je n’arrive pas a le resoudre je cherche juste à inverser le sens de l’animation lor du survolage pour qu’il commence du côté gauche et non droite comme actuellement auriez vous une idée
Voici mon code :

.bouton {
font-family: 'Albert sans';
font-size: 18px;
color: black;
border: 1px solid;
border-radius: 1px;
background:
linear-gradient(to right, black 0%, black 50%, black 100%),
linear-gradient(to right, white 0%, white 50%, white 100%) !important;
background-size: 200% 100%, 200% 100% !important;
background-repeat: no-repeat, no-repeat !important;
background-position: -100% 0, 100% 0 !important;
transition-duration: 2s !important;
transition-property: background-position !important;
}
.bouton:hover {
color: white !important;
background-position: 0 0, 0 0 !important;
transition-duration: 1s !important;
transition-property: background-position !important;
}