.botmaker_style {
    bottom: 0  !important; 
    right: -330px !important; 
    transition: right 0.3s ease !important; 
    overflow: visible !important;
}

.botmaker_style.show {
    right: 0 !important;
}
  
.botmaker_style:hover .text-display-none {
    display: block;
}

.arrow{
    position: absolute !important;
    top: 25px;
    left: -80px; 
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 10;
   
    background-color: #06005A;
    background-repeat: no-repeat; 
    background-position: center center;
    box-shadow: 0 0 5px 3px rgba(255,255,255,0.4);
    cursor: pointer; 
    transition: transform 0.8s linear;  
}

.botmaker_style.show .arrow {
    width: 30px;
    height: 30px;
    left: 212px;
    top: 4px; 
    background-image: url('../svg/x-lg.svg');
    transition: transform 0.8s linear; 
}

.arrow:not(.show) {
    background-image: url('../svg/chat-right-dots.svg');
    transition: transform 0.8s linear;
}