.button {
    position: relative!important;
    background: #000!important;
    text-transform: uppercase!important;
    padding: 0 30px!important;
    color: #fff!important;
    border-radius: 2px!important;
    font-weight: 500!important;
    font-size: 10px!important;
    letter-spacing: 0.05em!important;
    overflow: hidden!important;
    border: none!important;
    display: inline-block!important;
    transition: 0.3s ease!important;
    min-height: auto!important;
    -webkit-clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px))!important;
    clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px))!important;
    margin: 0!important;
}

@media (max-width: 768px) {
    .button {
        width: 100%!important;
    }
}

.button:hover {
    clip-path: polygon(0 0, 100% 0, 100% 11px, 100% 100%, 11px 100%, 0 100%)!important;
}