<div class="close">
       <span class="close-line left"></span>
       <span class="close-line right"></span>
     </div>

     /*Css*/

     .close {
    background-color: #ff4b27;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    transform: rotate(0deg);
    .close-line {
        display: inline-block;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 40%;
        width: 50px;
        border: 1px solid #fff;
        transition: 0.75s all;
    }
    .left {
        transform: rotate(-45deg);
    }
    .right {
        transform: rotate(45deg);
    }
    &:hover {
        .left {
            transform: rotate(315deg);
        }
        .right {
            transform: rotate(405deg);
        }
    }
}