{{-- <x-mary-button> and btn-primary in a comment are not violations --}}
<x-mary-button label="Old" />
<div class="card bg-base-200 p-4">
    <x-icon name="o-home" />
    <x-button icon="calendar_month" icon-right="not_a_symbol" label="Fine" />
    <span @class(['btn-primary' => $active, 'select-none'])>text-red-600</span>
    <p class="text-tertiary table collapse link focus-ring">Tailwind's and ours</p>
    <x-icon :name="$dynamic" />
    <x-icon name="home" @class(['size-4']) />
</div>