How can I modify this CSS code to change button styles?

Ayoub-Tilaoui
Tourist
4 1 0

I want to change the button's styles, this is the css code :
.btn::after {
content: '';
width: 0%;
height: 100%;
display: block;
background: #80ffd3;
position: absolute;
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
left: -10%;
opacity: 0;
top: 0;
z-index: -15;
-webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
-moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
-o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
transition: all .4s cubic-bezier(.2,.95,.57,.99);
box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn:hover::before, .btn1O:hover::before{
opacity:1;
width: 116%;
}
.btn:hover::after, .btn1O:hover::after{
opacity:1;
width: 120%;
}

Replies 0 (0)