.wp-bottom-menu {

    display: none;

    background: rgba(255, 255, 2555, 0.8);

    

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    justify-content: space-around;

    padding: var(--wpbottommenu-wrapper-padding);

    box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);

    z-index: var(--wpbottommenu-zindex);

    transition: all 200ms

}



.wp-bottom-menu-item {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    height: auto;

    flex: 1;

    font-size: var(--wpbottommenu-font-size);

    text-decoration: none;

    color: var(--wpbottommenu-text-color);

    cursor: pointer;

    user-select: none;

    text-decoration: none !important;

    transition: color 200ms

}



.wp-bottom-menu-item:hover {

    color: var(--wpbottommenu-h-text-color)

}



.wp-bottom-menu-item span {

    margin-top: 5px;

    color: inherit

}



.wp-bottom-menu-item i {

    font-size: var(--wpbottommenu-icon-size);

    color: var(--wpbottommenu-icon-color);

    font-family: FontAwesome;

    transition: color 200ms

}



.wp-bottom-menu-item:hover i {

    color: var(--wpbottommenu-h-icon-color)

}



.wp-bottom-menu-icon-wrapper {

    position: relative;

    line-height: 0

}



.wp-bottom-menu {

    display: flex;

}



:root {

    --wpbottommenu-font-size: 12px;

    --wpbottommenu-icon-size: 24px;

    --wpbottommenu-text-color: #555555;

    --wpbottommenu-h-text-color: #000000;

    --wpbottommenu-icon-color: #555555;

    --wpbottommenu-h-icon-color: #000000;

    --wpbottommenu-bgcolor: #ffffff;

    --wpbottommenu-zindex: 9999;

    --wpbottommenu-cart-count-bgcolor: #ff0000;

    --wpbottommenu-wrapper-padding: 10px 0;

}









@font-face {

    font-display: swap;

    font-family: 'FontAwesome';

    src: url(fontawesome-webfont.eot);

    src: url('fontawesome-webfont.eot') format('embedded-opentype'), url(fontawesome-webfont.woff2) format('woff2'), url(fontawesome-webfont.woff) format('woff'), url(fontawesome-webfont.ttf) format('truetype'), url('fontawesome-webfont.svg') format('svg');

    font-weight: 400;

    font-style: normal

}



.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.fa-gift:before {

    content: "\f06b"

}



.fa-gamepad:before {

    content: "\f11b"

}



.fa-whatsapp:before {

    content: "\f232"

}



.fa-address-card:before {

    content: "\f2bb"

}