29 lines
707 B
CSS
29 lines
707 B
CSS
.hamburger-btn {
|
|
width: 60px;
|
|
height: 60px;
|
|
border: none;
|
|
cursor: pointer;
|
|
border-radius: 22px;
|
|
|
|
/* Dégradé radial depuis le coin supérieur gauche pour l'effet "glow" */
|
|
background: radial-gradient(ellipse at 30% 30%, #fff 0%, #f9ece9 60%, #f3d4cc 100%);
|
|
|
|
/* Légère ombre rosée */
|
|
box-shadow: 0 4px 24px rgba(200, 120, 100, 0.13);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
/* Transitions pour l'hover */
|
|
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
}
|
|
|
|
.hamburger-btn:hover {
|
|
transform: scale(1.04);
|
|
box-shadow: 0 6px 28px rgba(200, 120, 100, 0.2);
|
|
}
|
|
|
|
.hamburger-btn:active {
|
|
transform: scale(0.97);
|
|
} |