CSS on kleo button :hover is not working

[wilfriedMarseille]

Hello

I put a Connect button on my home page. I put the CSS. Is okay butin :hover and :active is not working.

http://zikrea.com/

My CSS Code `/*bouton Connection*/

.kleo-show-login {
display: inline-block !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box;
width: 56px !important;
height: 32px !important;
position: relative;
cursor: pointer;
top: 0;
padding: 0 25.600000381469727px !important;
border: 1px solid rgba(0,136,198,0.77) !important;
font: normal normal 300 15px/32px “Fjalla One”, Helvetica, sans-serif !important;
color: #FCC40B !important;
text-align: center !important;
-o-text-overflow: clip !important;
text-overflow: clip !important;
background: -webkit-linear-gradient(0deg, #0088C6 0, #0088C6 10%, #0088C6 34%, #0088C6 100%), #0088C6 !important;
background: -moz-linear-gradient(90deg, #0088C6 0, #0088C6 10%, #0088C6 34%, #0088C6 100%), #0088C6 !important;
background: linear-gradient(90deg, #0088C6 0, #0088C6 10%, #0088C6 34%, #0088C6 100%), #0088C6 !important;
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto auto !important;
background-size: auto auto !important;
-webkit-box-shadow: 0 7px 0 0 rgba(0,136,198,0.68) !important ;
box-shadow: 0 7px 0 0 rgba(0,136,198,0.68) !important ;
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
-moz-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
-o-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
}

.kleo-show-login :hover {
border: 1px solid rgba(0,133,191,0.2) !important;
color: #FCD556 !important;
background: #0088C6 !important;
}

.kleo-show-login :active {
top: 6px !important;
border: 1px solid rgb(225,225,225) !important;
color: #FCC40B !important;
background: -webkit-linear-gradient(-90deg, #0088C6 0, #0088C6 1%, #0088C6 10%, #0088C6 55%, #0088C6 100%) !important;
background: -moz-linear-gradient(180deg, #0088C6 0, #0088C6 1%, #0088C6 10%, #0088C6 55%, #0088C6 100%) !important;
background: linear-gradient(180deg, #0088C6 0, #0088C6 1%, #0088C6 10%, #0088C6 55%, #0088C6 100%) !important;
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto auto !important;
background-size: auto auto !important;
-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset !important;
box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset !important;
-webkit-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
-moz-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
-o-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75) !important;
}
`
Thanks you 🙂

If you love Ableton check my blog :
www.zikrea.com

[wilfriedMarseille]

sorry, i had not stick my :hover and :active

:/

If you love Ableton check my blog :
www.zikrea.com

[Author]

Posts