.radio-card {
  input[type=radio] {
     position: absolute;
     opacity: 0;
     &:focus + label {
       box-shadow: 0px 0px 0px 4px $blue-600;
     }
   }
  input[type="radio"]:checked + label {
     background-color: $blue-100;
     border: 1px solid $blue-600;
     // &:focus {
     //   border: 2px solid $blue-600;
     // }
   }
   label {
     display: flex;
     align-items: center;
     flex-direction: column;
     background: $white;
     border: 1px solid $gray-400;
     border-radius: 8px;
     padding: 8px;
     width: 100%;
     &:hover {
       cursor: pointer;
       box-shadow: 0px 0px 0px 10px $blue-100;
     }
  }
}