.story-tags {
    @mixin declare_story_category( $color ) {
        background-color: $color;
        border: 1px solid $color * 0.85;

        &:hover {
            $hover-color: $color * 1.1;

            background-color: $hover-color;
            border: 1px solid $hover-color * 0.85;
        }

        &:active {
            $active-color: $color * 1.1;

            background-color: $active-color;
            border: 1px solid $active-color * 0.85;
        }
    }

    > li {
        a {
            &[data-tag='adventure'] {
                @include declare_story_category(#6fb859);
            }

            &[data-tag='romance'] {
                @include declare_story_category(#cd58a7);
            }

            &[data-tag='drama'] {
                @include declare_story_category(#895fd6);
            }

            &[data-tag='comedy'] {
                @include declare_story_category(#f59c00);
            }

            &[data-tag='dark'], &[data-tag='horror'] {
                @include declare_story_category(#b93737);
            }
        }
    }
}