@ -19,20 +19,20 @@ body {
}
.btn {
height: 300px;
position: relative;
background-color: #000;
overflow: hidden;
.btn:before {
.btn::before {
content: " ";
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 100px;
left: 0;
transform: skewX(25deg);
left: -6.1em;
top: 50%;
transform: translateY(-50%) rotate(200deg);
background: #111;
width: 40%;
height: 140%;
.rtl {