#sld-drawer {
    position: fixed;
    top: 0;
    left: -300px; /* Move the drawer to the left side */
    width: 300px;
    height: 100%;
    background: #fff;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease-in-out;
    padding: 20px;
    z-index: 9999;
}

#sld-content {
    text-align: center;
}

#sld-close {
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
}

#sld-tab {
    position: fixed;
    top: 100%;
    left: 25px; /* Move the tab to the left side */
    background: #820025;
    color: #fff;
    padding: 15px;
    cursor: pointer;
    font-size: 16px;
    transform: translateY(-50%) rotate(-90deg); /* Rotate the tab for vertical alignment */
    transform-origin: left center;
    z-index: 10000;
    white-space: nowrap;
}

#sld-tab:hover {
    background: #a11303;
}