Neobrutalism Textareas Actions outside

<div>
      <label for="Notes">
        <span class="text-sm font-semibold"> Notes </span>

        <textarea
          id="Notes"
          class="mt-0.5 w-full resize-none border-2 border-black shadow-[4px_4px_0_0] focus:ring-2 focus:ring-yellow-300 sm:text-sm"
          rows="4"
        ></textarea>
      </label>

      <div class="mt-3 flex items-center justify-end gap-3">
        <button
          type="button"
          class="border-2 px-3 py-1.5 text-sm font-semibold shadow-[2px_2px_0_0] hover:bg-yellow-100 focus:ring-2 focus:ring-yellow-300 focus:outline-0"
        >
          Clear
        </button>

        <button
          type="button"
          class="border-2 bg-yellow-300 px-3 py-1.5 text-sm font-semibold shadow-[2px_2px_0_0] hover:bg-yellow-400 focus:bg-yellow-300 focus:ring-2 focus:ring-yellow-300 focus:outline-0"
        >
          Save
        </button>
      </div>
    </div>