.search-bar{width:100%;max-width:480px;position:relative}.search-bar input{border:1px solid #e2e8f0;border-radius:16px;outline:none;width:100%;padding:1rem 3.5rem 1rem 1.5rem;font-size:1rem;transition:border-color .3s;box-shadow:0 4px 12px #00000014}.search-bar input:focus{border-color:#6b46c1}.search-bar button{color:#fff;background-color:var(--col-purple-1);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:18px;transition:background-color .3s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-bar button:hover{background-color:#44337a}