How to rotate 45% arrow icon using blow css tricks? : Here what i need to do is rotate 45% using below CSS tricks and here i included what i have tried,

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .hero { 	
    	position:relative;

    }


    .hero:after,
    .hero:after {
    	z-index: -1;
    	position: absolute;
        top: 98.1%;
        left: 70%;
        margin-left: -25%;
        content: '';
        width: 0;
        height: 0;
        border-bottom: solid 50px #e15915;
        border-left: solid 50px transparent;
        border-right: solid 50px transparent;
    }


<!-- language: lang-html -->

    <div class="hero"></div>

<!-- end snippet -->

