/* assets/css/shiny-btn.css - Extended System */
.btn-shiny {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    min-width: 180px;
    height: 50px;
    border-radius: 30px;
    transition: all 0.2s ease;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 25px;
}

/* Icon sizing for better proportions */
.btn-shiny i {
    font-size: 0.9em !important;
    /* Slightly smaller than text */
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

/* Original Metallic/Silver (Used for M'appeler) */
.btn-shiny-silver {
    background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
    border: 1px solid #8F9092;
    color: #606060 !important;
    text-shadow: 0 1px #fff;
}

.btn-shiny-silver:hover {
    box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1;
    color: #404040 !important;
    transform: translateY(-1px);
}

/* Primary Blue (Used for Me contacter) */
.btn-shiny-primary {
    background-image: linear-gradient(to top, #4f46e5 0%, #818cf8 80%, #a5b4fc 100%);
    border: 1px solid #4338ca;
    color: white !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}

.btn-shiny-primary:hover {
    box-shadow: 0 4px 3px 1px rgba(99, 102, 241, 0.2), 0 6px 8px rgba(99, 102, 241, 0.3), 0 -4px 4px rgba(99, 102, 241, 0.2), inset 0 0 3px 3px rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
    filter: brightness(1.1);
}

/* Dark/Accent (Used for Voir mes projets) */
.btn-shiny-dark {
    background-image: linear-gradient(to top, #1e1b4b 0%, #312e81 80%, #3730a3 100%);
    border: 1px solid #1e1b4b;
    color: white !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.btn-shiny-dark:hover {
    box-shadow: 0 4px 3px 1px rgba(0, 0, 0, 0.2), 0 6px 8px rgba(0, 0, 0, 0.3), inset 0 0 3px 3px rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
    filter: brightness(1.2);
}

.btn-shiny:active {
    transform: translateY(1px);
    filter: brightness(0.9);
}