Classe para criar um efeito de corte diagonal

CSS DIAGONAL

Classe para criar efeito diagonal no before

h2{
				padding-top: 2rem;
				width: 70%;
				position: relative;
				font-size: 1.625em;
				&:before{
					position: absolute;
					content: '';
					display: block;
					top: 0;
					right: -61px;
    				height: 100%;
    				width: 71px;
					background-color: #31377b;
					-moz-transform: skew(-14deg,0deg);
					-o-transform: skew(-14deg,0deg);
					-ms-transform: skew(-14deg,0deg);
					-webkit-transform: skew(-14deg,0deg);
					transform: skew(-14deg,0deg);
					z-index: 5;
				}
			}