.search{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "lbtn smov smov smov smov smov smov smov smov smov smov sbtn";
}

#left-btn, #search-movie, #search-btn{
    padding: 0.5em 0.8em;
    font-family: inherit;
    font-weight: 500;
    font-size: 1em;
}

.border, #search-movie:focus{
    border: 1px solid #D1D5DB;
}

#left-btn{
    grid-area: lbtn;
    border-right: none;
    background-color: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #9CA3AF;
}

#search-movie{
    grid-area: smov;
}

#search-movie, #search-movie:focus{
    border-left: none;
    border-right: none;
    outline: none;
}

#search-btn{
    grid-area: sbtn;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #F9FAFB;
}

button:hover{
    cursor: pointer;
}