.container-wp-block-gvd-blocks-preview-events {
    overflow: hidden;
    padding-top: var(--wp--preset--spacing--base);
}

@media screen and (1000px > width) {
    .container-wp-block-gvd-blocks-preview-events {
        margin-inline: calc(var(--wp--preset--spacing--md)*-1)!important;
        padding-inline:var(--wp--preset--spacing--md)!important;width: 100vw
    }

    .container-wp-block-gvd-blocks-preview-events .swiper-scrollbar {
        height: 5px;
        margin-top: 5px
    }

    .container-wp-block-gvd-blocks-preview-events .swiper-scrollbar .swiper-scrollbar-drag {
        background: var(--wp--preset--color--primary-2);
        height: 100%
    }
}

@media screen and (1000px <= width) {
    .wp-block-gvd-blocks-preview-events .wp-block-gvd-blocks-gvd-btn {
        pointer-events: all
    }
}

.wp-block-gvd-blocks-preview-events .event_card {
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--primary-2);
    border-radius: var(--wp--preset--spacing--md);
    display: flex;
    margin-inline:auto!important;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    margin-bottom: 10px;
}

.wp-block-gvd-blocks-preview-events .event_card__head {
    background: var(--wp--preset--color--primary-2);
    border-bottom-right-radius: var(--wp--preset--spacing--md);
    border-top-right-radius: var(--wp--preset--spacing--md);
    color: var(--wp--preset--color--white);
    display: grid;
    flex: none;
    min-height: 90px;
    padding: var(--wp--preset--spacing--sm);
    place-items: center;
    width: 175px
}

.wp-block-gvd-blocks-preview-events .event_card__head--text {
    text-align: center
}

.wp-block-gvd-blocks-preview-events .event_card__head--text .date,.wp-block-gvd-blocks-preview-events .event_card__head--text .day {
    font-family: var(--wp--preset--font-family--title);
    font-weight: 700
}

.wp-block-gvd-blocks-preview-events .event_card__head--text .date {
    display: inline-block;
    font-size: var(--wp--preset--font-size--xl);
    width: 100%
}

.wp-block-gvd-blocks-preview-events .event_card__body {
    align-items: center;
    -moz-column-gap: var(--wp--preset--spacing--sm);
    column-gap: var(--wp--preset--spacing--sm);
    display: flex;
    padding: 12px var(--wp--preset--spacing--base)
}

.wp-block-gvd-blocks-preview-events .event_card__body .event_card--excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.wp-block-gvd-blocks-preview-events .event_card__body .gvd-btn-container {
    flex: none;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-gvd-blocks-preview-events .event_card:first-child {
    border-color: var(--wp--preset--color--primary-1)
}

.wp-block-gvd-blocks-preview-events .event_card:first-child .event_card__head {
    background: var(--wp--preset--color--primary-1)
}

.wp-block-gvd-blocks-preview-events .event_card:first-child .gvd-btn.icon-right  {
    background: var(--wp--preset--color--primary-1)
}

@media screen and (1000px > width) {
    .wp-block-gvd-blocks-preview-events {
        flex-direction: row;
        gap: 0
    }

    .wp-block-gvd-blocks-preview-events .event_card {
        border: none;
        border-radius: 0;
        flex: none;
        flex-direction: column;
        margin-inline:0 10px!important;scroll-snap-align: center;
        width: 280px
    }

    .wp-block-gvd-blocks-preview-events .event_card__head {
        background: var(--wp--preset--color--primary-1);
        border-radius: var(--wp--preset--spacing--md);
        margin-bottom: var(--wp--preset--spacing--md);
        min-height: 100px;
        width: 100%
    }

    .wp-block-gvd-blocks-preview-events .event_card__body {
        flex-direction: column;
        padding: 0
    }

    .wp-block-gvd-blocks-preview-events .event_card__body .event_card--excerpt {
        display: block
    }

    .wp-block-gvd-blocks-preview-events .event_card__body .gvd-btn-container {
        margin: calc(var(--wp--preset--spacing--md) - 5px) auto 0
    }

    .wp-block-gvd-blocks-preview-events .event_card__body .gvd-btn-container .wp-block-gvd-blocks-gvd-btn {
        background: var(--wp--preset--color--primary-2)!important
    }
}


:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn) {
    background: var(--wp--preset--color--primary-2);
    border-radius: 30px;
    color: var(--wp--preset--color--white);
    display: inline-block;
    font-weight: 900;
    height: -moz-fit-content;
    height: fit-content;
    padding: 7px 15px;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn).is-style-secondary {
    background: var(--wp--preset--color--primary-1)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn).is-style-border {
    background: transparent;
    border: 1px solid var(--wp--preset--color--white)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn).is-style-biotechnologie {
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--biotechnologie)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn).is-style-digital {
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--digital)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn).is-style-energie {
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--energie)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn).is-style-informatique {
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--informatique)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):has(:is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon)) {
    align-items: center;
    -moz-column-gap: 19px;
    column-gap: 19px;
    display: flex
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):has(:is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon)).icon-left {
    flex-direction: row-reverse
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):has(:is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon)) :is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon) {
    flex: none
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):has(:is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon)) :is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon) .gvd-icon {
    display: inline-block;
    flex: none;
    transition: all .2s ease-in-out
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):has(:is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon)) :is(.gvd-blocks-gvd-icon,.wp-block-gvd-blocks-gvd-icon) .gvd-icon svg {
    height: 100%!important;
    width: 100%!important
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):hover {
    background: var(--wp--preset--color--primary-1);
    border-color: var(--wp--preset--color--primary-1);
    color: var(--wp--preset--color--white)
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):hover .gvd-blocks-gvd-icon .gvd-icon {
    translate: 5px 0;
    --stroke: var(--wp--preset--color--white)!important
}

:is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn):hover .gvd-blocks-gvd-icon .gvd-icon path {
    stroke: var(--wp--preset--color--white)!important
}

@media screen and (768px > width) {
    :is(.gvd-blocks-gvd-btn,.wp-block-gvd-blocks-gvd-btn) {
        text-align:center
    }
}

.container-wp-block-gvd-blocks-preview-events .swiper-scrollbar .swiper-scrollbar-drag {
        background: var(--wp--preset--color--primary-2);
        height: 100%;
}

@media screen and (768px > width) {
    .wp-block-gvd-blocks-preview-events .event_card {
        width: unset;
        max-width: unset;
    }
    .container-wp-block-gvd-blocks-preview-events .swiper {
        overflow: visible;
    }
}