.nxs-button {
    opacity: 1;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.nxs-button:hover {
    opacity: 0.8;
}

.nxs-button {
    font-weight: 700;
}

.nxs-button,
.nxs-button > span {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.nxs-button::before {
    z-index: 100;
    text-decoration: none;
}

.nxs-button {
    z-index: 2;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}

.nxs-button > span {
    z-index: 100;
    font-weight: 500;
    font-weight: 700;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
}

.nxs-button:hover::before {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 180ms ease-in;
    transition: opacity 180ms ease-in;
}