.registration-notice { clear: both; margin: 0 0 24px; padding: 22px; border: 1px solid #d6aaa5; border-left: 5px solid #b51e15; border-radius: 12px; background: #fff; color: #292323; text-align: left; font: 16px/1.5 Arial, sans-serif; box-sizing: border-box; }
.registration-notice[hidden] { display: none; }
.registration-notice h3 { margin: 0 0 10px; font: bold 22px/1.3 Arial, sans-serif; }
.registration-notice p { margin: 8px 0 14px; }
#myForm .registration-notice button, #myForm .registration-notice a { display: inline-block; width: auto; height: auto; margin: 6px 10px 0 0; padding: 10px 16px; border: 0; border-radius: 6px; background: #b51e15; color: #fff; font: bold 14px/1.4 Arial, sans-serif; cursor: pointer; text-decoration: none; }
#myForm [aria-invalid="true"] { border: 2px solid #b51e15; background: #fff5f3; }
.registration-notice:focus { outline: 2px solid #b51e15; outline-offset: 3px; }