.essence-radio {
  margin: 0.5rem 0;
  padding-left: 0;

  .form-check-input[type=radio] {
    display: none;
  }

  label {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid $gray-300;
    border-radius: 0.25rem;
    cursor: pointer;

    &:hover {
      border-color: $gray-500;
    }
  }

  .form-check-input[type=radio]:checked + label {
    background-color: $primary-50;
    border-color: $primary;
  }
}