.component-sticky-tool-bar{
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    display:none;
    padding: 12px 48px;
    align-items: center;
    gap: 12px;
    border-top: 1px solid  #E0E0E0;
    background: rgba(255, 255, 255, 0.80);
    z-index:1000;
overflow-x: auto;
}

.sticky-bar-button{
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 4px;
    white-space:nowrap;
    flex:0 0 calc((100% - 96px)/4)
}
.sticky-bar-button span{
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .component-sticky-tool-bar {
        overflow-x: auto;
        white-space: nowrap;
        padding:12px
    }
    .sticky-bar-button {
        flex: 0 0 auto;
        width: auto
    }
    .component-sticky-tool-bar::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Webkit browsers */
    }
    
}
@media (max-width:500px){
    .sticky-bar-button span{
        font-size: 12px;
    }
}