.search-bar-snippet-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 75px auto;
}

.search-bar-small form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.search-bar-small input,
.search-bar-small button i {
    font-size: 20px;
}

.search-bar-small .search-button {
    height: 50px;
}

.search-bar-small .search-input {
    width: 30vw;
}

.search-bar-small .search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #2563EB;
    background-color: white;
    color: #2563EB;
    cursor: pointer;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    transition: 0.3s ease;
}

.search-bar-small .search-button:hover {
    background-color: #2563EB;
    color: white;
}

/* mobile */

@media (max-width: 768px) {
    .search-bar-small {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search-bar-snippet-container {
        width: 90%;
    }

    .search-bar-snippet-container h3 {
        text-align: center;
    }

    .search-bar-snippet-container p {
        text-align: center;
    }

    .search-bar-small .search-button {
        border-top-right-radius: 50px !important;
        border-bottom-right-radius: 50px !important;
        padding: 10px 10px;
        border: 1px solid #2563EB;
        background-color: white;
        color: #2563EB;
        cursor: pointer;
        transition: 0.3s ease;
    }
}