/* Bloc Simple Buttons - CSS minimal */
.simple-buttons-container {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}



.btn-filter {
    position: relative;
    background: transparent;
    border: 0;
    color: var(--artge-text);
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
    margin-right: -1rem;
    display: inline-flex;
    padding: 1.75rem 2rem 1.75rem 4.5rem;
    gap: 8px;
    font-size: 0.675rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.btn-filter::before {
    content: '';
    position: absolute;
    border-radius: 4rem;
    left: 10px;
    width: 2.75rem;
    height: 2.75rem;
    background-color: var(--artge-text);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17' viewBox='0 0 19 17'%3E%3Cg transform='translate(-2.181 -1.194)'%3E%3Cline x1='7' transform='translate(13.681 3.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline x1='7' transform='translate(2.681 3.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline x1='9' transform='translate(11.681 9.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline x1='5' transform='translate(2.681 9.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline x1='5' transform='translate(15.681 15.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline x1='9' transform='translate(2.681 15.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline y2='4' transform='translate(13.681 1.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline y2='4' transform='translate(7.681 7.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3Cline y2='4' transform='translate(15.681 13.694)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
    background-position: .75rem center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    z-index: -1;
}


.simple-buttons-container .btn {
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    transition: transform 0.3s ease;
    position: relative;
    overflow: hidden;
}

.simple-buttons-container .btn span {
    display: inline-block;
    transition: transform 0.3s ease;
}

.simple-buttons-container .btn:hover span {
    animation: animbtn .55s;
    animation-delay: 0.15s;
}

/* Alignements Gutenberg */
.simple-buttons-container.has-text-align-left {
    justify-content: flex-start;
}

.simple-buttons-container.has-text-align-right {
    justify-content: flex-end;
}

.simple-buttons-container.has-text-align-center {
    justify-content: center;
}

/* Responsive */
@media (max-width: 768px) {
    .simple-buttons-container {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .simple-buttons-container .btn {
        width: 100%;
        max-width: 300px;
    }
    
    /* Sur mobile, les alignements left/right deviennent center */
    .simple-buttons-container.has-text-align-left,
    .simple-buttons-container.has-text-align-right {
        justify-content: center;
    }
}

@keyframes animbtn {
    0% {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    50% {
        opacity: 0;
        transform: translateY(15px);
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    50.001% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}