.radio-cards {
    width: 50%;
  }
  
  .radio-cards input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  
  .radio-cards p#money {
      display: inline-block;
      background-color: #ddd;
      padding: 1px;
      font-family: sans-serif, Arial;
      font-size: 10px;
      width: 150pt;
      border: 2px solid #444;
      border-radius: 4px;
      text-align: center;
  }
  
  .radio-cards label {
      display: inline-block;
      background-color: rgb(246, 246, 246);
      padding: 1px;
      color: #555;
      font-family: sans-serif, Arial;
      font-size: 10px;
      width: 100pt;
      border: 2px dashed #ddd;
      border-radius: 4px;
      text-align: center;
  }
  
  .radio-cards input[type="radio"]:checked + label {
      background-color:#bfb;
      border-color: #4c4;
  }
  
  .radio-cards label:hover {
    background-color: #dfd;
  }
  
  /* Card 1 Style */ 
  .radio-cards1 input[type="radio"]:checked + label {
      color: #000;
      background-color:rgb(232, 174, 243);
      border: 2px solid;
      border-color: rgb(224, 101, 183);
  }
  .radio-cards1 label:hover {
    background-color: rgb(245, 225, 236);
  }
  .radio-cards1 p#checked {
      display: inline-block;
      padding: 1px;
      font-family: sans-serif, Arial;
      font-size: 10px;
      width: 150pt;
      border-radius: 4px;
      text-align: center;
      color: #000;
      background-color:rgb(232, 174, 243);
      border: 2px solid;
      border-color: rgb(224, 101, 183);
  }
  /* Card 2 Style */ 
  .radio-cards2 input[type="radio"]:checked + label {
      color: #000;
      background-color:rgb(192, 179, 253);
      border: 2px solid;
      border-color: rgb(155, 130, 243);
  }
  .radio-cards2 label:hover {
    background-color: rgb(238, 236, 248);
  }
  
  
  /* Card 3 Style */ 
  .radio-cards3 input[type="radio"]:checked + label {
      color: #000;
      background-color:rgb(253, 179, 179);
      border: 2px solid;
      border-color: rgb(243, 130, 158);
  }
  .radio-cards3 label:hover {
    background-color: rgb(248, 236, 238);
  }
  
  /* Card 4 Style */ 
  .radio-cards4 input[type="radio"]:checked + label {
      color: #000;
      background-color:rgb(179, 253, 222);
      border: 2px solid;
      border-color: rgb(130, 243, 200);
  }
  .radio-cards4 label:hover {
    background-color: rgb(236, 248, 247);
  }
  
  /* Card 5 Style */ 
  .radio-cards5 input[type="radio"]:checked + label {
      color: #000;
      background-color:rgb(253, 248, 179);
      border: 2px solid;
      border-color: rgb(243, 240, 75);
  }
  .radio-cards5 label:hover {
    background-color: rgb(245, 241, 205);
  }