.search-wrapper {
      display: inline-flex;
      border: 1px solid #ccc;
      border-radius: 3px;
      overflow: hidden;
    }

    input[type="text"] {
      font-size: 13px;
      padding: 2px 4px;
      box-sizing: border-box;
      border: none;
      outline: none;
      transition: box-shadow 0.2s ease-in-out;
    }

    input[type="text"]:focus {
      box-shadow: 0 0 6px 2px orange;
    }

    .search-button {
      font-size: 13px;
      padding: 2px 10px;
      border: none;
      background: linear-gradient(to bottom, #ffcc66, #ff9900);
      color: white;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .search-button:hover {
      background: linear-gradient(to bottom, #ffdd88, #ffaa33);
    }

    .search-button:active {
      background: linear-gradient(to bottom, #ff8800, #cc5500);
    }