.btn-3d {
    display: block;
    padding: 12px 20px;
    margin: 8px 0;
    background: linear-gradient(to bottom, #ffffff, #f2e8df);
    color: #333;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid #d9cfc7;
    border-radius: 8px;
    box-shadow:
        0 4px 0 #c8b8ab,
        0 6px 10px rgba(0,0,0,0.15);
    transition: all 0.2s ease;
}

.btn-3d:hover {
    background: linear-gradient(to bottom, #fffaf5, #e9ddd3);
    transform: translateY(1px);
    box-shadow:
        0 3px 0 #c8b8ab,
        0 5px 8px rgba(0,0,0,0.15);
}

.btn-3d:active {
    transform: translateY(4px);
    box-shadow:
        0 0 0 #c8b8ab,
        0 2px 4px rgba(0,0,0,0.15);
}

.btn-orange {
    color: #ff6600;
    font-style: italic;
}.btn-3d{
    display:block;
    padding:14px 20px;
    background:#f8f1eb;
    border:1px solid #ddd;
    border-radius:6px;
    color:#333;
    text-decoration:none;
    box-shadow:0 5px 0 #d0c4bb;
    margin-bottom:8px;
}
.btn-3d:hover{
    background:#fff;
}
.btn-3d:active{
    transform:translateY(5px);
    box-shadow:none;
}
.menu-3d{
    display:block;
    padding:14px 20px;
    background:#f8f1eb;
    border:1px solid #ddd;
    border-radius:6px;
    color:#333;
    text-decoration:none;
    box-shadow:0 5px 0 #d0c4bb;
    margin-bottom:8px;
}

.menu-3d:hover{
    background:#fff;
}

.menu-3d:active{
    transform:translateY(5px);
    box-shadow:none;
}