website/assets/scss/partials/moreposts.scss

.moreposts {
    hyphens: auto;
    margin-top: 4em;

    .more{
        font-size: .75em;
        font-weight: normal;
        hyphens: none;

        &::after {
            content: "\27F6";
            margin-left: .25em;
            transition: margin .5s;
        }

        &:hover::after {
            margin-left: .5em !important;
        }
    }

    &:hover .more::after {
        margin-left: .35em;
    }

    .moreposts-wrapper {
        border-radius: .5em;
        display: flex;
        flex-direction: row;
        gap: 1em;
        overflow-x: scroll;
        scroll-snap-type: x proximity;

        .post-group {
            color: var(--vriish-gradient-text);
            background: var(--vriish-gradient);
            border-radius: .5em;
            display: flex;
            flex-direction: column;
            scroll-snap-align: start;
            min-width: 15em;
            width: 33.333%;

            .title {
                flex: auto;
                margin: 1em;
            }

            aside {
                margin: 1em;
            }
        }
    }

    a {
        text-decoration: none;
    }
}