Angular 호버 유지

<div class="flex gap-4" [class]="class">
  <div
    class="flex gap-2 transition-all w-full justify-between relative text-sm px-3 border-gray-200 border-2 items-center cursor-pointer hover:border-gray-400 rounded-md shadow-sm focus-within:hover:border-primary focus-within:border-primary"
  >
    <app-icon name="ph:magnifying-glass" class="h-5 w-5" />
    <input
      [placeholder]="placeholder"
      class="text-sm w-full outline-none py-2 text-gray-700"
      (input)="getKeyword($event)"
    />
  </div>
</div>