Initial commit

src/components/LoyaltyCard/LoyaltyCard.module.css

@@ -0,0 +1,62 @@
+.loyaltyIcon {
+  position: relative;
+  width: 24px;
+  height: 24px;
+  margin-left: -2px;
+  top: 2px;
+}
+
+.loyaltyContainer {
+  height: 115px;
+  background-color: #FFF;
+  border: none;
+   margin-bottom: 1rem;
+}
+
+.loyaltyContainer :global(.ant-card-body) {
+  height: 115px;
+  padding: 12px 16px !important;
+  border: none;
+  border-radius: 0px;
+}
+
+.loyaltyCard {
+  border-radius: 0px !important;
+  border: none
+}
+
+.presentIcon {
+  display: flex;
+  position: relative;
+  top: -1;
+  margin-left: -4px;
+}
+
+.presentIconItem {
+  background-image: url(/empty-dish.png);
+  background-size: cover;
+  background-position: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  border: none;
+  margin-left: 0px;
+}
+
+:global(.darkApp) .loyaltyIcon path {
+  fill: none !important;
+  stroke: var(--primary) !important;
+  transition: all 0.3s ease;
+}
+
+:global(.rtl) .loyaltyIcon {
+  margin-right: -2px;
+}
+
+:global(.rtl) .presentIcon {
+  margin-right: -4px;
+}
+
+:global(.rtl) .presentIconItem {
+  margin-right: 0px;
+}