JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bar2">
<div class="loginplusLP_94"><table id="logoutLP_94" summary="logout" style="border:0 !important;border-collapse:collapse;width:100%">
    <tbody><tr style="border:0 !important;">
    <td style="border:0 !important;"><span style="float:left;" class="login-greeting">Вы авторизованы как&nbsp; Max</span></td></tr></tbody></table></div>
<div class="iceVmCartModule" id="vm_module_cart">
    <span style="display:none" class="ice_store_dropdown">1</span>
    <div class="lof_vm_top">
        <div class="lof_top_1">
            <span class="vm_products">1 товар&nbsp;</span>
            <span class="vm_sum">Сумма : <strong>50,57 €</strong></span>
        </div>
        <div class="lof_top_2">
            <a href="/cart.html" class="vm_viewcart">Показать корзину</a>                                                <a href="javascript:void(0)" class="vm_readmore showless">Скрыть</a>
        </div>
    </div>
        <div style="" class="lof_vm_bottom">
        <div style="clear:both;"></div> 
        <div class="lof_item">
            <a href="/powertools/indoortools/drill-detail.html"><img alt="Drill" src="/images/stories/virtuemart/product/resized/power_drill_90x90.jpg"></a>
            <div class="lof_info">
                <a title="Drill" href="/powertools/indoortools/drill-detail.html">
                    Drill                </a>
                <span class="lof_quantity">Кол. : 1</span>
                <span class="lof_price">Цена : 50,57 €</span>
            </div>
        </div>
                <div class="lof_vm_bottom_btn">
            <a href="/cart.html" class="vm_viewcart">Показать корзину</a>            <a href="javascript:void(0)" class="lofclose">Закрыть</a>
        </div>
    </div>
        <script language="javascript">
        jQuery(document).ready(function(){
                        jQuery('.lof_vm_top .showmore').click(function(){
                if(jQuery(this).hasClass('showmore')){
                   ...

CSS

#bar2{background:#d0cfcb;border-bottom:#c3c3c1 1px solid;padding:15px}
#bar2>div{float:left;max-width:40%}
#bar2>div:last-child{float:right}

#vm_module_cart {
    width:200px;
    position:relative;}

    #vm_module_cart .lof_vm_top {
        width:100%;
        height:40px;}
        
        #vm_module_cart .lof_vm_top .lof_top_1, 
        #vm_module_cart .lof_vm_top .lof_top_2 {
            clear:both;}

            /* nr of products and total price */
            #vm_module_cart .lof_vm_top .lof_top_1 span.vm_products{
                float:left;
                margin:2px 0 0 7px;}
                
            #vm_module_cart .lof_vm_top .lof_top_1 span.vm_sum{
                float:right;
                margin:2px 7px 0 0;}
            
            
            /* view cart and show products  */    
            #vm_module_cart .lof_vm_top .lof_top_2 a.vm_viewcart {
                float:left;
                margin:1px 0 0 7px}
            #vm_module_cart .lof_vm_top .lof_top_2 .vm_readmore {
                float:right;
                margin:1px 7px 0 0}
                
    
/* Cart dropdown */
#vm_module_cart .lof_vm_bottom {
    background:#eee;
    left: 0;
    padding-bottom: 5px;
    position: absolute;
    overflow:hidden;
    top: 70px;
    width: 100%;
    z-index: 1000;}

    #vm_module_cart .lof_vm_bottom .lof_item {
        margin:5px 7px 7px;
        padding:0 0 7px;
        position:relative;
        overflow:hidden;
        border-bottom:1px dotted rgba(255,255,255,.3)}
        
        #vm_module_cart .lof_vm_bottom .lof_item img {
            width:65px;
            border:none;
            padding:5px 0;
            float:left;
            margin:0}
        
        #vm_module_cart .lof_vm_bottom .lof_item a {
            font-size:1em;
            margin-top:-2px;
            display:block;}

        #vm_module_cart .lof_vm_bottom .lof_item .lof_info{
            width:112px;
            text-align:left;
            float: right;}
    ...