@use '../../colors';
@use '../../breakpoints';

.bz-search {
    position: relative;
    &__hints {
        margin-top:-7px;
        position: absolute;
        content: "";
        width: 100%;
        box-sizing: border-box;
        background-color: colors.$pink-80;
        z-index: -1;
        border-radius: 0px 0px 8px 8px;
        padding: 31px 32px 24px;
        a {
            text-decoration: none;
            color: colors.$white;
            font-weight: 700;
            &:hover {
                color: colors.$pink-20;
            }
        }
    }
    .bz-icon-close {
        position: absolute;
        left: auto !important;
        right: 8px;
        border: none;
        background: none;
        top: 10px !important;
    }
}


@media (max-width: breakpoints.$tablet) {
    .bz-input-img {
        input {
            padding-left: 16px !important;
        }
        .bz-icon-search {
            opacity: 0;
        }

    }
    
}