From 2c767061e086f11e838c821608b2983295429e73 Mon Sep 17 00:00:00 2001
From: ADITI TYAGI <aditityagi@aditis-mbp.corp.adobe.com>
Date: Wed, 19 Apr 2023 18:54:27 +0530
Subject: [PATCH] [FORMS-8140]:Add scss for Recaptcha core component

---
 src/components/recaptcha/_recaptcha.scss | 51 ++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/components/recaptcha/_recaptcha.scss

diff --git a/src/components/recaptcha/_recaptcha.scss b/src/components/recaptcha/_recaptcha.scss
new file mode 100644
index 0000000..ebc1635
--- /dev/null
+++ b/src/components/recaptcha/_recaptcha.scss
@@ -0,0 +1,51 @@
+/* ===============Recaptcha================== */
+.cmp-adaptiveform-recaptcha{
+  color: $dark-gray;
+  font-size: $font-md;
+  margin: $field-margin;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.cmp-adaptiveform-recaptcha__widget{
+
+}
+.cmp-adaptiveform-recaptcha__longdescription {
+  color: $light-gray;
+  background-color: $very-light-gray;
+  font-size: $font-sm;
+  padding: 0.125rem 0.5rem;
+  margin-top: $error-top-margin;
+  margin-right: $field-right-margin;
+}
+.cmp-adaptiveform-recaptcha__shortdescription {
+  font-size: $font-sm;
+  margin-top: $error-top-margin;
+}
+.cmp-adaptiveform-recaptcha__questionmark {
+  position: absolute;
+  display:inline-block;
+  top:8px;
+  right:28px;
+  width:1rem;
+  height:1rem;
+  border-radius: 9px;
+  background: url(./resources/images/question.svg) center center / cover no-repeat,#969696;
+  cursor : pointer;
+}
+.cmp-adaptiveform-recaptcha__errormessage{
+  color: $error;
+  font-size: $font-sm;
+  margin-top: $error-top-margin;
+}
+.cmp-adaptiveform-recaptcha[data-cmp-valid=false]{
+  background: $light-error;
+  border: 0 solid $error;
+  border-left-width: 4px;
+  padding-left: 5px;
+}
+.cmp-adaptiveform-recaptcha[data-cmp-valid=true]{
+  border: 0 solid $success;
+  border-left-width: 4px;
+  padding-left: 5px;
+}