fieldset.captcha,
fieldset.captcha fieldset { border: none; padding: 0; margin: 0; }
fieldset.captcha.captcha-type-challenge--keypad { margin-bottom: 50px;
    background-image: url('../../images/mandala-full.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; }

fieldset.captcha legend { display: none; }
fieldset.captcha fieldset legend { display: block; }

.captcha__description { margin-bottom: .75em; }

.captcha-keypad-wrapper .form-item { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 480px; vertical-align: middle; }
.captcha-keypad-wrapper .captcha-keypad { display: block; margin: 20px auto; width: 100%; max-width: 480px; text-align: center; vertical-align: middle; }

#edit-captcha-response { text-align: center; width: 100%; font-size: 32px; line-height: 48px; letter-spacing: 10px; padding: 4px 20px 8px; }

.form-item-captcha-response label { text-align: center; }
.captcha-keypad-wrapper .clear { position: absolute; right: 1px; top: 21px; width: 60px; height: 0; padding-top: 60px; overflow: hidden; opacity: 0.3; cursor: pointer;
    background-color: transparent; background-image: url('../../images/cross-dark.png'); background-size: 24px; background-repeat: no-repeat; background-position: center center;
    transition: transform .25s }
.captcha-keypad-wrapper .clear:hover { transform: rotate(90deg); }

.captcha-keypad-wrapper .message {  }
.captcha-keypad-wrapper .message span { display: table; font-family: 'OSBold', sans-serif; text-transform: uppercase; font-size: 10px; text-align: center; color: #ffffff; margin: 20px auto; border-radius: 20px; padding: 10px 15px; background-color: rgb(255, 174, 0, 0.8); }

.captcha-keypad-wrapper .captcha-keypad .inner { display: block; width: 100%; height: auto; border: none; }
.captcha-keypad-wrapper .captcha-keypad .inner span { display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #d5d5d5; border-radius: 24px; margin: 0 4px 4px; padding: 0 6px; font-size: 30px; font-family: 'Valentine', sans-serif; cursor: pointer;
    background-color: #ffffff; box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 12%), 2px 2px 8px 0px rgb(0 0 0 / 10%) }
.captcha-keypad-wrapper .captcha-keypad .inner span:hover { background-color: rgba(244, 228, 223, 1); }

.captcha-keypad-wrapper .sequence { display: table; text-align: center; font-size: 14px; margin: 20px auto 40px auto; padding: 10px 20px 0; border: 2px solid #efefef; clear: both;
    background: #ffffff; }
.captcha-keypad-wrapper .sequence strong { display: block; color: #52c0a7; font-family: 'valentine'; font-size: 32px; letter-spacing: 8px; }