@media only screen and (min-width: 768px) {
    .button-flat a.button:after, .button-flat a.action_button:after,
    .button-flat a.tp-button:after, .button-flat button:after,
    .button-flat input[type="submit"]:after,
    .button-flat input[type="reset"]:after, .button-flat input[type="button"]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        transition: all .3s;
        background: rgba(0, 0, 0, .07);
        opacity: 0
    }

    .button-flat a.button:hover:after, .button-flat a.action_button:hover:after,
    .button-flat a.tp-button:hover:after, .button-flat button:hover:after,
    .button-flat input[type="submit"]:hover:after, .button-flat input[type="reset"]:hover:after,
    .button-flat input[type="button"]:hover:after {
        width: 100%;
        opacity: 1
    }
}