button{background:var(--vpp-black);border:none;position:relative;height:60px;font-size:1.6em;padding:0 2em;cursor:pointer;transition:800ms ease all;outline:none}button.but-outline--cancel{color:var(--vpp-red)}button.but-outline--reset{color:var(--vpp-yellow-dark)}button.but-outline--valide{color:var(--vpp-green)}button.but-outline--cancel:hover{background:var(--vpp-red);color:var(--vpp-black)}button.but-outline--reset:hover{background:var(--vpp-yellow-dark);color:var(--vpp-black)}button.but-outline--valide:hover{background:var(--vpp-green);color:var(--vpp-black)}button:before,button:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;transition:400ms ease all}button.but-outline--valide:before,button.but-outline--valide:after{background:var(--vpp-green)}button.but-outline--cancel:before,button.but-outline--cancel:after{background:var(--vpp-red)}button.but-outline--reset:before,button.but-outline--reset:after{background:var(--vpp-yellow-dark)}button:after{right:inherit;top:inherit;left:0;bottom:0}button:hover{border-top-left-radius:15px;border-bottom-right-radius:15px;-webkit-transform:scale(1.0225)!important;transform:scale(1.0225)!important}button:hover:before,button:hover:after{width:96.25%;height:0.5px;transition:800ms ease all;border-radius:15px;background-color:white}