.radio-card {
  input[type=radio] {
    &:focus + label {
      background-color: $white;
      box-shadow: 0px 0px 0px 4px $blue-600;
    }
    &:focus-visible + label {
      background-color: $white;
      box-shadow: 0px 0px 0px 4px $blue-600;
    }
    &:checked + label {
      background-color: $blue-100;
      border: 1px solid $blue-600;
    }
    &.invalid + label {
      background-color: $white;
      border: 1px solid $red-500;
    }
  }
  label {
    background: $white;
    border: 1px solid $gray-400;
    &:hover {
      cursor: pointer;
      box-shadow: 0px 0px 0px 6px $blue-100;
    }
  }
}