.button2 {background-color: #008bae; border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; margin: 3px 1.5px; cursor: pointer; border-radius: 999rem; font-size: 24px; font-weight: 900; color:white;}
.button2:hover 
    {
    background-color: #2b93d1;
    transition: 0.7s; 
    }
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {position: relative; display: inline-block; padding: 8px 15px 9px 15px; margin: 0; height: auto; text-transform: none;  outline: 0; border: 0; background: #008BAE; -webkit-appearance: none; font: normal 15px/1.25 'Open Sans'; font-weight: 900;  color: #FFFFFF; white-space: nowrap; text-decoration: none; text-align: center; vertical-align: middle;}
.WaGadgetEventsStateDetails:hover .boxOuterContainer:hover .boxBodyContainer:hover .boxBodyInfoOuterContainer:hover .boxBodyInfoContainer:hover .boxActionContainer:hover input.typeButton:hover {color: black}
.fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction {color: #000000}
.formTitleOuterContainer .formTitleContainer .inner h3.formTitle {
  color: #000000;
  font: normal 14px/1.3 Open Sans;
}
.formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong {
  color: #000000;
  font-weight: inherit;
}
.mandatorySymbol, .requiredSymbol {
  color: #000000;
  font-weight: bold;
  font-size: 1em;
  padding-right: 2px;
}