Menu
.slide-btn {
display: flex;
align-items: center;
justify-content: space-between;
background: #2e2e2e;
color: white;
border: none;
padding: 1rem 2rem;
border-radius: 999px;
font-size: 1.2rem;
cursor: pointer;
position: relative;
overflow: hidden;
width: 280px;
transition: transform 0.2s ease;
}
.slide-btn .icon {
background: white;
color: #2e2e2e;
border-radius: 50%;
padding: 0.6rem;
margin-left: 1rem;
transition: transform 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
}
/* Whole button slides slightly to right on click */
.slide-btn:active {
transform: translateX(10px);
}