From 9e996839159a243c0c022e949a61a4c2f9cf5797 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Mon, 3 Jun 2024 09:34:50 -0500
Subject: [PATCH] Merge pull request #18568 from overleaf/jel-cms-cards

[web] Add 2 new card style options for CMS

GitOrigin-RevId: d784d3f4860abf9553f1ab68e3edd29b93355a52
---
 .../frontend/stylesheets/components/card.less | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/services/web/frontend/stylesheets/components/card.less b/services/web/frontend/stylesheets/components/card.less
index 2c0c10af1b..db5ba3a61b 100644
--- a/services/web/frontend/stylesheets/components/card.less
+++ b/services/web/frontend/stylesheets/components/card.less
@@ -94,3 +94,30 @@
     border-radius: 24px;
   }
 }
+
+.card {
+  &.card-dark-green-bg {
+    background: var(--dark-jungle-green);
+    border-radius: 16px;
+    color: white;
+
+    a:not(.btn) {
+      color: var(--mint-green);
+
+      &:hover {
+        color: var(--mint-green);
+      }
+    }
+  }
+
+  &.card-purple-top-border {
+    background-color: white;
+    border-radius: 8px;
+    height: 100%;
+    box-shadow:
+      0px 2px 4px 0px #1e253014,
+      0px 4px 12px 0px #1e25301f;
+    border-top: 8px solid var(--sapphire-blue);
+    padding: 32px 40px 32px 40px;
+  }
+}