html pink 버튼

html 소스

<button type="button" class="cmm-btn-pink">Default</button>
<button type="button" class="cmm-btn-pink hover">Hover</button>
<button type="button" class="cmm-btn-pink active">Press</button>
<button type="button" class="cmm-btn-pink" disabled="true">Disabled</button>

css 소스

.cmm-btn-pink{
padding:8px 0 11px 0;width:120px;font-size:17px;color:#fff;border-radius:5px;
background: #f8a2a7;
background: -moz-linear-gradient(left, #f8a2a7 0%, #efbbb5 100%);
background: -webkit-linear-gradient(left, #f8a2a7 0%,#efbbb5 100%);
background: linear-gradient(to right, #f8a2a7 0%,#efbbb5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a2a7', endColorstr='#efbbb5',GradientType=1 );
}
.cmm-btn-pink:hover,
.cmm-btn-pink.hover{
background: #f8a8ac;
background: -moz-linear-gradient(left, #f8a8ac 0%, #e7b7dd 100%);
background: -webkit-linear-gradient(left, #f8a8ac 0%,#e7b7dd 100%);
background: linear-gradient(to right, #f8a8ac 0%,#e7b7dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a8ac', endColorstr='#e7b7dd',GradientType=1 );
}
.cmm-btn-pink:active,
.cmm-btn-pink.active{
background: #f8a3a7;
background: -moz-linear-gradient(left, #f8a3a7 0%, #e5b3db 100%);
background: -webkit-linear-gradient(left, #f8a3a7 0%,#e5b3db 100%);
background: linear-gradient(to right, #f8a3a7 0%,#e5b3db 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a3a7', endColorstr='#e5b3db',GradientType=1 );
}
.cmm-btn-pink:disabled{color:#cacaca;background:#eaeaea;filter:none;}