@layer components {
  .form-radio-btn {
    @apply absolute mt-3 ml-3 border-black border-3 text-pine-500 focus:ring-castopod;
  }

  .form-radio-btn:focus + label {
    @apply ring-castopod;
  }

  .form-radio-btn:focus {
    @apply ring-0;
  }

  .form-radio-btn + label {
    @apply inline-block py-2 pl-8 pr-2 text-sm font-semibold text-gray-500 bg-white border-black rounded-lg cursor-pointer border-3;
  }

  .form-radio-btn:checked + label {
    @apply text-white bg-pine-500;
  }

  .form-radio-btn:checked {
    @apply ring-2 ring-black;
  }
}