#g-register {
  display: inline-block;
  color: white;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid #0066CC;
  background-color: #0066CC;
  padding: 5px 10px;
  margin-left: -10%;
  width: 122%;
}
#g-register:hover {
  cursor: pointer;
  opacity: 70%;
}

span.icon {
  background: url('/img/g-normal.png') transparent -5px 50% no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
span.buttonText {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

#o-register{
  display: inline-block;
  color: #006dbf;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid #006dbf;
  padding: 5px 5px;
  margin-left: -10%;
  width: 122%;
  background-color: white;
}
#o-register:hover {
  cursor: pointer;
  opacity: 70%;
}
span.o-icon {
  background-size: 100% !important;
  background: url('/img/outlook.png') transparent 0px 50% no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-left: -5px;
}
span.o-buttonText {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}