<main>
  <div class="main-container">
    <label for="">
      <input
        [ngStyle]="{
          width: is_in_home === false ? '23rem' : '36.875rem',
          height: is_in_home === false ? '2.5rem' : '3.125rem'
        }"
        type="text"
        placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
      />
      <button
        [ngStyle]="{
          width: is_in_home === false ? '3.75rem' : '4.063rem',
          height: is_in_home === false ? '2.5rem' : '3.125rem',
          background:
            is_in_home === false
              ? 'var(--base-color-secondary)'
              : 'var(--base-color-primary)'
        }"
      >
        <fa-icon [icon]="icon_search"></fa-icon>
      </button>
    </label>
  </div>
</main>