.cartes {
    &[data-color="#0f398f"] {
        .carte_content {
            *:not(a, .bouton) {
                color: var(--dark-blue) !important;
            }
        }
    }

    &:not([data-color="#0f398f"]) {
        .carte_content {
            &>h4 {
                color: var(--dark) !important;
            }
        }
    }

    .container {
        .cartes_wrapper,
        .wrapper_slider {

            .carte {
                border-radius: var(--border-radius);
                background: rgba(255, 255, 255, 0.66);
                margin: 0 auto;
                padding: 7px 7px 0 7px;
                transition: var(--transition);

                &:hover {
                    background: var(--white);

                    img {
                        transform: scale(1.1);
                    }

                    .carte_content {
                        .bouton {
                            background-color: var(--dark-blue);
                        }
                    }
                }

                .carte_img {
                    border-radius: 4px;
                    overflow: hidden;

                    &:not(.png) {
                        max-height: 200px;
                    }

                    img {
                        width: 100%;
                        object-fit: cover;
                        border-radius: 4px;
                        transition: var(--transition);
                    }
                }

                .carte_content {
                    padding: 20px 23px 30px 23px;
                    display: flex;
                    flex-direction: column;

                    h4 {
                        font-family: var(--secondary-font);
                        margin: 0;
                    }

                    p {
                        margin: 0;
                    }

                    .bouton {
                        padding: 10px 12px;
                        transition: var(--transition);
                    }
                }
            }
        }

        .section__btn {
            .bouton {
                margin: auto;
            }
        }
    }
}