* {
box-sizing: border-box;
}
.block {
background-color: red;
height: 200px;
width: 300px;
position: relative;
}
.block:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
border-top: 30px solid white;
border-right: 30px solid red;
z-index: 1;
}
.block:after {
content: '';
display: none;
position: absolute;
left: -7px;
top: 14px;
width: 42px;
border-top: 1px solid black;
transform: rotate(-45deg);
z-index: 1;
}
.block:hover {
border: 1px solid black;
}
.block:hover:before {
left: -1px;
top: -1px;
}
.block:hover:after {
display: block;
}$(document).ready(function () {
$('.ButtonBlock .btn-success').on('click', function() {
if ($(this).hasClass('disabled')) {
return false;
} else {
$(this).val('Подождите...');
$(this).addClass('disabled');
}
});
});