.lineargradient-zigzag {
    height:10px;
    background: linear-gradient(45deg, #ECEDDC 25%, transparent 25%) 0 -50px, linear-gradient(135deg, #ECEDDC 25%, transparent 25%) 0 -50px, linear-gradient(225deg, #ECEDDC 25%, transparent 25%), linear-gradient(315deg, #ECEDDC 25%, transparent 25%);
    background-color: aquamarine;
}

.lineargradient-toptobottom-gray {
    background-color: gray; /* For browsers that do not support gradients */
    background-image: linear-gradient( gray,lightgray);
}

.lineargradient-toptobottom-white {
    background-color: gray; /* For browsers that do not support gradients */
    background-image: linear-gradient( gray,white);
}

.lineargradient-toptobottom-red {
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient( red,white);
}

    .lineargradient-toptobottom-red:hover {
        background-color: lightcoral; /* For browsers that do not support gradients */
        background-image: linear-gradient( lightcoral,white);
        cursor: pointer;
    }



.lineargradient-LefttoRight-gray {
    background-color: lightgray; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right,lightgray,gray );
}

.lineargradient-Rainbow-gray {
    background-image: linear-gradient(to right, black,darkgrey,lightgrey,grey,lightgrey,darkgrey,black);
}
 
.lineargradient-Angle-gray {
    background-image: linear-gradient(180deg, black, lightgrey);
}

.lineargradient-Angle-white {
    background-image: linear-gradient(120deg, white, lightgrey);
}