Merge pull request #731 from bitdefender/DEX-26509

DEX-26535 - Remove "NEW"tag from VPN Addon

Author: ltiseanu

_src-lp/blocks/new-prod-boxes-2/new-prod-boxes-2.css

@@ -1008,7 +1008,7 @@
 
 .new-prod-boxes-2-container.new-v2 .block .prod_box .inner_prod_box .billed label {
   font-size: 14px;
-  width: 65%;
+  width: 100%;
 }
 
 .new-prod-boxes-2-container .block .prod_box .inner_prod_box .billed .bundle_box {
@@ -1039,7 +1039,7 @@
 }
 
 .new-prod-boxes-2-container.new-v2 .block .prod_box .inner_prod_box .billed .bundle_box > div {
-  padding: 1.4em 5px;
+  padding: 1.4em 10px;
   justify-content: left;
   min-width: 100%;
 }
@@ -1299,6 +1299,10 @@
   background-size: contain;
 }
 
+.new-prod-boxes-2-container.new-v2.no-tag .block .prod_box .inner_prod_box .billed .bundle_box > div:first-child::before {
+  display: none;
+}
+
 .new-prod-boxes-2-container .block .prod_box .inner_prod_box .benefitsLists ul li:not(:first-of-type) .white-pill-content {
   position: absolute;
   background-color: white;

_src-lp/blocks/new-prod-boxes-2/new-prod-boxes-2.scss

@@ -1009,7 +1009,7 @@ margin: 20px 0 0 5px;
 
 .new-prod-boxes-2-container.new-v2 .block .prod_box .inner_prod_box .billed label {
     font-size: 14px;
-    width: 65%;
+    width: 100%;
 }
 
 .new-prod-boxes-2-container .block .prod_box .inner_prod_box .billed .bundle_box {
@@ -1040,7 +1040,7 @@ margin: 20px 0 0 5px;
 }
 
 .new-prod-boxes-2-container.new-v2 .block .prod_box .inner_prod_box .billed .bundle_box > div {
-    padding: 1.4em 5px;
+    padding: 1.4em 10px;
     justify-content: left;
     min-width: 100%;
 }
@@ -1303,6 +1303,10 @@ margin: 20px 0 0 5px;
     background-size: contain;
 }
 
+.new-prod-boxes-2-container.new-v2.no-tag .block .prod_box .inner_prod_box .billed .bundle_box > div:first-child::before {
+    display: none;
+}
+
 .new-prod-boxes-2-container .block .prod_box .inner_prod_box .benefitsLists ul li:not(:first-of-type) .white-pill-content {
     position: absolute;
     background-color: white;

_src-lp/blocks/new-prod-boxes/new-prod-boxes.css

@@ -436,7 +436,7 @@
   font-size: 18px;
   line-height: 21px;
   text-align: center;
-  margin: 20px 1em 34px;
+  margin: 20px 1em 35px;
 }
 
 .new-prod-boxes-container.new-v3 .block .prod_box .inner_prod_box .billed a {

_src-lp/blocks/new-prod-boxes/new-prod-boxes.scss

@@ -437,7 +437,7 @@
     font-size: 18px;
     line-height: 21px;
     text-align: center;
-    margin: 0 1em 35px;
+    margin: 20px 1em 35px;
 }
 
 .new-prod-boxes-container.new-v3 .block .prod_box .inner_prod_box .billed a {

_src-lp/styles/styles.css

@@ -320,7 +320,7 @@ button:hover {
 }
 
 .dark-blue-bck {
-    background-color: var(--dark-blue-color);
+  background-color: var(--dark-blue-color);
 }
 
 .light-grey-bck {

_src-lp/styles/styles.scss

@@ -24,6 +24,7 @@
   --highlight-background-color: #ececec;
   --background-color-light-sky-blue: #e4f2ff;
   --baby-blue-color: #EDF9FF;
+  --dark-blue-color: #0853C5;
   --darker-blue-color: #016FFF;
   --light-grey-color: #FAFAFA;
   --text-color: #000;
@@ -323,6 +324,10 @@ button:hover {
   background-color: var(--baby-blue-color);
 }
 
+.dark-blue-bck {
+  background-color: var(--dark-blue-color);
+}
+
 .light-grey-bck {
   background-color: var(--light-grey-color);
 }