Multiple search box styling?

Hey all,

Currently I have an instant search that searches through two indexes which works fine. The search box code is like this:

instantsearch.widgets.searchBox({
      container: '#searchbox',
      cssClasses: {
        input: [
          'bg-sapphire-50/75',
          'border',
          'border-gray-200',
          'peer',
          'px-6',
          'sm:px-8',
          'py-4',
          'sm:py-6',
          'rounded-full',
          'w-full',
          'focus:bg-white',
          'focus:shadow-lg'
        ]
      },
      placeholder: 'Search for documentation…',
      showLoadingIndicator: false,
      showReset: false,
      showSubmit: false
    })

This search box will have that specific style only on the home page. What I’m trying to do is add another search box on pages not home with a different style, is this possible?

Thanks in advance!