<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*CSS TYPE 1*/
.classname1 {
    background: -moz-linear-gradient(center top , #F0C911 5%, #F2AB1E 100%) repeat scroll 0 0 #F0C911;
    background-color:#f2ab1e;
	border: 1px solid #E65F44;
    border-radius: 37px 0;
    color: #C92200;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 100px;
}
.classname1:hover {
    background: -moz-linear-gradient(center top , #F2AB1E 5%, #F0C911 100%) repeat scroll 0 0 #F2AB1E;
}
.classname1:active {
    position: relative;
    top: 1px;
}

/*CSS TYPE 2*/
.classname2 {
    background: -moz-linear-gradient(center top , #FFEC64 5%, #FFAB23 100%) repeat scroll 0 0 #FFEC64;
    background-color:#ffab23;
	border: 1px solid #FFAA22;
    border-radius: 15px 15px 0 0;
    color: #333333;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 86px;
}
.classname2:hover {
    background: -moz-linear-gradient(center top , #FFAB23 5%, #FFEC64 100%) repeat scroll 0 0 #FFAB23;
}
.classname2:active {
    position: relative;
    top: 1px;
}

/*CSS TYPE 3*/
.classname3 {
    background: -moz-linear-gradient(center top , #FFC477 5%, #FB9E25 100%) repeat scroll 0 0 #FFC477;
    background-color:#fb9e25;
	border: 1px solid #EEB44F;
    border-radius: 20px;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 86px;
}
.classname3:hover {
    background: -moz-linear-gradient(center top , #FB9E25 5%, #FFC477 100%) repeat scroll 0 0 #FB9E25;
}
.classname3:active {
    position: relative;
    top: 1px;
}

/*CSS TYPE 4*/
.classname4 {
    background: -moz-linear-gradient(center top , #BDDBFA 5%, #80B5EA 100%) repeat scroll 0 0 #BDDBFA;
   background-color:#bddbfa;
   border: 1px solid #84BBF3;
    border-radius: 0;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 100px;
}
.classname4:hover {
    background: -moz-linear-gradient(center top , #80B5EA 5%, #BDDBFA 100%) repeat scroll 0 0 #80B5EA;
}
.classname4:active {
    position: relative;
    top: 1px;
}

/*CSS TYPE 5*/

.classname5 {
    background: -moz-linear-gradient(center top , #63B8EE 5%, #468CCF 100%) repeat scroll 0 0 #63B8EE;
    background-color:#468ccf;
	border: 1px solid #3866A3;
    border-radius: 0;
    color: #14396A;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 65px;
    line-height: 65px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    width: 131px;
}
.classname5:hover {
    background: -moz-linear-gradient(center top , #468CCF 5%, #63B8EE 100%) repeat scroll 0 0 #468CCF;
}
.classname5:active {
    position: relative;
    top: 1px;
}


.hightlightTxt {
    -moz-user-select: none;
}</pre></body></html>