.cc1{display: table-cell;  vertical-align: middle; width:278px;   height: 120px; text-align: center;  padding:60px;
 margin:10px auto 5px; 
	border: solid 1px;   font-size: 18px; color: ;  border-radius: 5px;    box-sizing: border-box; 	
	transition: all 500ms ease;  padding: 1px; margin: 10px; background:linear-gradient(white, #ebad32); 
 11background: #FC6 radial-gradient(circle at 0 0, rgba(97,63,12,.1), rgba(161,103,16,.1)); box-shadow:
   inset rgba(161,103,16,1) 0 -3px 8px,
   inset rgba(block161,103,16,.7) 0 3px 8px,
	 rgba(161,103,16,.8) 0 3px 8px -3px;}

.cc1:hover{  background: #aba6a2;  box-shadow: 0 14px 28px rgba(0,0,0,0.5), 0 10px 10px rgba(0,0,0,0.25); color: black;}
cc1 a{display: ;color:black; }
.cc2{width: 200px;   height: 120px;  line-height:120px;  background: #d8bea3; 	   border: solid 1px;   font-size: 10px; color: red;  border-radius: 5px;  position: relative;  box-sizing: border-box; 	 transition: all 500ms ease;  padding: 1px;  background:linear-gradient(white, #ebad32)}
.cc1.cc2{
	line-height:120px;
}
.cc1.cc3{ margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;}
cc11 { position: relative; bottom: 150px; color:; font-size: 12px; }
.ccc111 {  display: table-cell;  padding: 10px; vertical-align: middle;
	width: 200px;   height: 120px; ;   border: solid 1px;   font-size: 18px; border-radius: 5px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); background:linear-gradient(white, #ebad32)} 
ccc111:hover{width: 200px;   height: 120px;  background: red; border: solid 1px; transition: all 1000s ease;    font-size: 18px;  border-radius: 5px;  padding: 1px; box-shadow: 28 14px 0px rgba(25,0,0,0.0), 0 10px 10px rgba(0,0,0,0.22); color: ; background:radial-gradient(#d45924, #ebad32)}

.ccc111:hover {width: 283px;   height: 120px;  border: solid 5px; transition: all 1000s ease;    font-size: 28px; color:red;  border-radius: 15px;  padding: 1px; box-shadow: 28 14px 0px rgba(25,0,0,0.0), 0 10px 10px rgba(0,0,0,0.22); background:radial-gradient(#d46d24, #ebad32)}

cc55 { padding: 10px;  position: relative;
	margin:10px auto 10px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .5) inset; 
}
.cc55: hover{padding:20px; width: 283px;   height: 120px;  border: solid 5px; transition: all 1000s ease;    font-size: 28px; color:red;  border-radius: 15px;  padding: 1px; box-shadow: 28 14px 0px rgba(25,0,0,0.0), 0 10px 10px rgba(0,0,0,0.22); background:radial-gradient(#d46d24, #ebad32)}
.cc9{border-radius: 5px; border: solid 1px grey; box-shadow: 0 14px 28px rgba(0,0,0,0.5), 0 10px 10px rgba(0,0,0,0.25); color: black;}
.cc9:hover{opacity:60% border:solid 1px white;}