.lc-mobile-product-search { width: 100%; margin: 0 0 22px; } .lc-mobile-search-box { position: relative; display: flex; align-items: center; width: 100%; } .lc-mobile-search-box input[type="search"] { width: 100%; height: 46px; margin: 0; padding: 0 52px 0 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.25); border-radius: 9px; color: #fff; font-size: 14px; line-height: 1; outline: none; box-shadow: none; transition: border-color .2s ease, background .2s ease; } .lc-mobile-search-box input[type="search"]::placeholder { color: rgba(255,255,255,.48); } .lc-mobile-search-box input[type="search"]:focus { border-color: #61c4d5; background: rgba(255,255,255,.06); } .lc-mobile-search-box button { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 38px; height: 36px; margin: 0; padding: 0; background: #61c4d5; border: 0; border-radius: 7px; color: #082f43; cursor: pointer; box-shadow: none; } .lc-mobile-search-box button:hover { background: #45afc2; } .lc-mobile-search-box button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } .lc-mobile-search-box input[type="search"]::-webkit-search-cancel-button { display: none; }