@media (max-width: 720px) {
    .btn-3d {
        display: inline-block;
        padding: 2px 8px;
        min-width: 120px;
        font-family: Montserrat-Light, Verdana, Geneva, Tahoma, sans-serif;
        font-size: 9px;
        color: #333; /* Testo scuro */
        background-color: #f8f6f6; /* Grigio chiaro */
        border: 2px solid #333;
        border-radius: 8px;
        cursor: pointer;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera */
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }
    }

@media (max-width: 1020px) and (min-width: 720px) {
    .btn-3d {
        display: inline-block;
        padding: 3px 5px;
        min-width: 160px;
        font-family: Montserrat-Light, Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
        color: #333; /* Testo scuro */
        background-color: #f8f6f6; /* Grigio chiaro */
        border: 2px solid #333;
        border-radius: 8px;
        cursor: pointer;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera */
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }
    }
@media (min-width: 1021px) {
    .btn-3d {
        display: inline-block;
        padding: 4px 6px;
        min-width: 180px;
        font-family: Montserrat-Light, Verdana, Geneva, Tahoma, sans-serif;
        font-size: 14px;
        color: #333; /* Testo scuro */
        background-color: #f8f6f6; /* Grigio chiaro */
        border: 2px solid #333;
        border-radius: 8px;
        cursor: pointer;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera */
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }
    }

.clearfix:after {
        content: "";
        display: table;
        clear: both;
        }

.btn-3d:hover {
    background-color: #b0b0b0; /* Grigio più scuro al passaggio del mouse */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombra più marcata */
    color: #1b1b1b; /* Testo scuro */
    }

.btn-3d:active {
    background-color: #909090; /* Grigio ancora più scuro al clic */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombra ridotta */
    }

a, a:visited, a:hover, a:active, a:focus {
    text-decoration: none !important; /* Rimuove la sottolineatura in tutti gli stati */
    color: inherit !important; /* Mantiene il colore del testo invariato */
    }