update

Drossagyn/contenido/08.html

@@ -106,7 +106,7 @@
 
   .bubble {
     position: relative;
-    background: #DD3352;
+    background: #ff3983;
     color: #FFFFFF;
     box-shadow: 5px 7px 7px -1px rgba(221 51 82 / 30%);
     text-align: center;
@@ -121,7 +121,7 @@
     width: 0;
     z-index: 1;
     border-style: solid;
-    border-color: #DD3352 transparent;
+    border-color: #ff3983 transparent;
     border-width: 0 20px 20px;
     top: -20px;
     left: 50%;
@@ -132,7 +132,7 @@
   @media (min-width: 768px) {
     .bubble:after {
       /* Hacer el triángulo hacia la izquierda: color en el borde derecho */
-      border-color: transparent #DD3352 transparent transparent;
+      border-color: transparent #ff3983 transparent transparent;
       /* top right bottom left */
       border-width: 20px 20px 20px 0;
       /* Colocar el triángulo centrado verticalmente y fuera a la izquierda */
@@ -167,7 +167,7 @@
   .option-btn:hover {
     transform: scale(.9);
     box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset !important;
-    border: 5px solid #DD3352 !important;
+    border: 5px solid #ff3983 !important;
   }
 .bannerend{
     width: 100%;