.card {
    --bg: #e8e8e8;
    --contrast: #e2e0e0;
    /* --grey: #93a1a1; */
    position: relative;
    padding: 9px;
    padding-left: 150px;
    /* background-color: var(--bg); */
    background-color: #212121;
    border-radius: 35px;
    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;
  }
  
  .card-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-conic-gradient(var(--bg) 0.0000001%, var(--grey) 0.000104%) 60% 60%/300% 300%;
    filter: opacity(10%) contrast(105%);
  }
  
  .card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
/*     width: 190px;
    height: 254px;
 */    
    width: 182px;
    height: 60px;
    background-color: var(--contrast);
    border-radius: 30px;
    /* Content style */
    font-size: 30px;
    font-weight: 900;
    color: #212121;
    text-align: center;
    font-family: monospace;
  }