@import "../../app/variables";
.cart-container {
    .search-input-container {
        position: relative;
        width: 500px;
        height: 50px;
        border-radius: 5px;

        i {
            width: 50px;
            font-size: 1.25rem !important;
            border-radius: 5px 0 0 5px;
        }

        .search-input {
            width: 100%;
            padding: 8px 30px 8px 35px;
            outline: none !important;
            font-size: 0.875rem;
        }
    }
    position: relative;
    display: inline-block;
    cursor: pointer;

    .message {
        position: absolute;
        top: 16%;
        left: 5%;
        transform: translateX(3%) translateY(39px);
        padding: 2rem 3rem;
        background: $primary-amber;
        font-size: 1rem;
        border-radius: 4px;
        white-space: nowrap;
        transition: all 0.3s ease;
        z-index: 10 !important;

        i {
            font-size: 1.5rem;
            background: $text-medium;
        }
    }

    &:hover .message {
        
        transform: translateX(3%) translateY(39px);
    }
}