CSS for simple call to action boxes. Slightly modified version of the StudioPress colored boxes code.

Simple Call to Action boxes

/* Content Boxes
------------------------------------------------------------ */
  
.content-box-blue,
.content-box-gray,
.content-box-green {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
    color: #ffffff;
}
  
.content-box-blue {
    background-color: #0D82DF;
    border: 1px solid #0874c9;
    color: #ffffff !important;
}
  
.content-box-gray {
    background-color: #666666;
    border: 1px solid #585858;
}
  
.content-box-green {
    background-color: #70a91b;
    border: 1px solid #609019;
}
  
/** The Buttons */
.btn-green,
.btn-green:hover,
.btn-green:visited,
.btn-red,
.btn-red:hover,
.btn-red:visited,
.btn-orange,
.btn-orange:hover,
.btn-orange:visited,
.btn-blue,
.btn-blue:hover,
.btn-blue:visited,
.btn-clear,
.btn-clear:hover,
.btn-clear:visited {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
 
}
/** Green Button With Hover */
.btn-green {
  background: #83c11f;
}
 
.btn-green:hover {
  background: #76b118;
}
 
/** Red Button With Hover */
.btn-red {
  background: #f73108;
}
 
.btn-red:hover {
  background: #8c1000;
}
 
/** Orange Button With Hover */
.btn-orange {
  background: #ff6600;
}
 
.btn-orange:hover {
  background: #f5883f;
}
 
/** Blue Button With Hover */
.btn-blue {
  background: #0d81df;
}
 
.btn-blue:hover {
  background: #39a3f5;
}
 
/** Clear Button With Hover */
.btn-clear {
  color: #ffffff;
  border: solid #ffffff 2px;
}
 
.btn-clear:hover {
  color: #dbdbdb;
      border: solid #dbdbdb 2px;
}