@import "../../../../styles/mixins";

.gov-carousel {
    position: relative;
    &:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 90px;
        height: 100%;
        background: linear-gradient(270deg, var(--background-page) 0%, rgba(245, 245, 245, 0.00) 100%);
    }

    @include mq($from: sm) {
        &:after {
            width: 190px;
        }
    }
}

.gov-card-flex {
    position: relative;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: rem-calc(8 10 14 10);
    @include scrollbar();
    article {
        flex: 0 0 rem-calc(300);
        scroll-snap-align: start;
    }
}