#{$prefix}-related-post-wrapper {
    margin-top: 40px;
    .related-title {
        font-size: 18px;
        text-transform: capitalize;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 30px;
    }

    #{$prefix}-related-post-inner-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
        #{$prefix}-related-post-inner {
            max-width: 33%;
            flex: 0 0 33.33%;
            padding: 0 10px;
            text-align: center;
            margin-bottom: 20px;

            h3 {
                font-size: 16px;
                text-align: center;
                font-weight: 500;
                color: #000;
            }

            ul.post-categories {
                margin: 10px 0;
                padding: 0;
                list-style: none;
                display: flex;
                align-items: center;
                justify-content: center;
                li {
                    a {
                        transition: all .3s;
                        text-decoration: none;
                        font-size: 11px;
                        letter-spacing: 1px;
                        color: #434040;

                        &:hover {
                            color: $color-primary;
                        }
                    }
                }

                &:before {
                    content: '\f07b';
                    font-family: 'Font Awesome 5 Free';
                    margin-right: 8px;
                    font-size: 11px;
                    color: #434040;
                    top: 2px;
                    position: relative;
                }
            }

            a {
                text-decoration: none;
            }
        }
    }
}