.home_search {
    background-image: linear-gradient(rgba(8, 15, 40, .8), rgba(8, 15, 40, .9)), url("../images/home.webp");
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;

    input {
        padding: 10px 25px;
        width: calc(100% - 55px);
        border: none;
        border-radius: 25px 0 0 25px;
        -webkit-border-radius: 25px 0 0 25px;
        -moz-border-radius: 25px 0 0 25px;
        -ms-border-radius: 25px 0 0 25px;
        -o-border-radius: 25px 0 0 25px;
        min-height: 50px;
        background-color: #0d0d31;
        color: #ffffff;

        &:focus {
            background-color: #0d0d31;

        }
    }

    button {
        background-color: $primary;
        width: 55px;
    color: #ffffff;
    border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -ms-border-radius: 0 25px 25px 0;
    -o-border-radius: 0 25px 25px 0;
    }
}