Draw the snackbar's action and close buttons from the classes

Plan step 36 ("Interaction is the shared classes", the user, 2026-09-14).
The action and the close button hand-rolled md-state-layer, md-focus-ring
and md-touch-target, and toast.css's own header said so; both now render
the classes and keep only their own size and colour.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

resources/views/components/toast.blade.php

@@ -86,11 +86,11 @@
                 </div>
 
                 <template x-if="current.action">
-                    <button type="button" data-md-toast-action x-text="current.action.label" x-on:click="act()"></button>
+                    <button type="button" class="md-state-layer md-focus-ring md-touch-target" data-md-toast-action x-text="current.action.label" x-on:click="act()"></button>
                 </template>
 
                 <template x-if="current.action || ! current.timeout">
-                    <button type="button" data-md-toast-dismiss aria-label="{{ __('Dismiss') }}" x-on:click="dismiss()">
+                    <button type="button" class="md-state-layer md-focus-ring md-touch-target" data-md-toast-dismiss aria-label="{{ __('Dismiss') }}" x-on:click="dismiss()">
                         <x-livewire-material::icon name="close" size="20" />
                     </button>
                 </template>