.searchBox .searchInput{width:325px;padding:0 15px;border:1px solid var(--primary-black);border-top-left-radius:10px;border-bottom-left-radius:10px;height:42px}.searchBox .searchButton{color:var(--primary-white);border-top-right-radius:10px;border-bottom-right-radius:10px}.searchBox{justify-content:center;display:flex;left:0;right:0;z-index:0}.searchButton{color:#fff;float:right;width:48px;height:42px;background:var(--primary-black);display:flex;justify-content:center;align-items:center;transition:.4s;box-shadow:0 0 0;border:1px solid transparent}.searchInput{border:1.5px solid transparent;background:0 0;outline:0;float:left;padding:0;color:var(--primary-black);font-weight:600;font-size:15px;transition:.4s;line-height:40px;width:0}input.searchInput::placeholder{color:var(--primary-black);opacity:1}@media screen and (max-width:620px){.searchBox:hover>.searchInput{width:150px;padding:0 6px}}.autocomplete-results{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #ddd;max-height:300px;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.autocomplete-results a{display:block;padding:8px 12px;text-decoration:none;color:#333}.autocomplete-results a:hover{background-color:#f0f0f0}.searchBox{position:relative}