.cardContainer {
  /* card Variant Styles */
  :global([data-card-variant='card1']) {
    --hs-card-borderRadius: 10px;
    --hs-card-backgroundColor: rgb(255, 255, 255);
    --hs-card-color: rgb(28, 28, 31);
    --hs-card-borderStyle: solid;
    --hs-card-borderWidth: 1px;
    --hs-card-borderColor: #e0e0e0;
  }

  :global([data-card-variant='card2']) {
    --hs-card-borderRadius: 10px;
    --hs-card-backgroundColor: rgb(249, 249, 249);
    --hs-card-color: rgb(28, 28, 31);
    --hs-card-borderStyle: solid;
    --hs-card-borderWidth: 1px;
    --hs-card-borderColor: #e0e0e0;
  }

  :global([data-card-variant='card3']) {
    --hs-card-borderRadius: 10px;
    --hs-card-backgroundColor: rgb(28, 28, 31);
    --hs-card-color: rgb(255,255,255);
    --hs-card-borderStyle: solid;
    --hs-card-borderWidth: 1px;
    --hs-card-borderColor: #e0e0e0;
  }

  :global([data-card-variant='card4']) {
    --hs-card-borderRadius: 10px;
    --hs-card-backgroundColor: rgb(36, 36, 36);
    --hs-card-color: rgb(255,255,255);
    --hs-card-borderStyle: solid;
    --hs-card-borderWidth: 1px;
    --hs-card-borderColor: #e0e0e0;
  }
}
