section#search {
    position: relative;
    border-radius: .6rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

section#search select {
    font-weight: 400;
    color: #464545;
    box-shadow: none;
    border-bottom: 1px solid #c6c6c6;
    -webkit-appearance:none;
}

section#search  .btn {
    cursor: pointer;
}

section#search select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 96.4%;
    background-size: .6rem .6rem;
}

section#search select:focus,
section#search input:focus {
    border-bottom-color: #ced4da;
    box-shadow: 0 0 0 0.2rem rgb(142 157 143 / 25%);
}

section#search .header-search-button {
    border: none;
    position: absolute;
    right: 0.2rem;
    top: 0.175rem;
    border-radius: 50%;
    background: #fff;
    height: 27px;
    width: 27px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

@media all and (max-width: 480px) {
    section#search {
        background: transparent;
    }
}