.recent-news {
    padding: 3% 8%;

    .news-list {
        display: flex;
        flex-direction: column;
        padding: 4% 0;
        gap: 32px;

        .publication-card {
            display: flex;
            gap: 48px;
            align-items: center;
            text-decoration: none;
            color: #333333;
            padding: 12px;
            border-radius: 8px;
            border: 1px solid white;
            transition: all 0.1s ease-in-out;

            &:hover {
                border: 1px solid #f8f8f8;

                .publication-image {
                    /* border-radius: 24px; */
                    scale: 1.05;

                    img {
                        scale: 1.1;
                    }
                }

                .publication-content {
                    .publication-title {
                        text-decoration: underline;
                    }
                }
            }

            .publication-image {
                width: 358px;
                height: 324px;
                border-radius: 8px;
                overflow: hidden;
                transition: all 0.1s ease-in-out;

                img {
                    width: 358px;
                    height: 324px;
                    object-fit: cover;
                    transition: all 0.1s ease-in-out;
                }
            }

            .publication-content {
                max-width: 700px;

                .wpa-post {
                    display: flex;
                    align-items: center;
                    gap: 8px;

                    img {
                        width: 48px;
                    }

                    .post-info {
                        font-size: 12px;

                        .publisher {
                            font-weight: 700;
                            color: black;
                        }
                    }
                }

                .publication-title {
                    font-weight: 700;
                    color: black;
                }
            }
        }
    }
}

.pagination-wrapper {
    margin: 32px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.pagination {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pagination a {
    padding: 8px 16px;
    background: #24689f;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    transition: background 0.15s, color 0.15s, scale 0.1s;
}

.pagination a:hover {
    background: #ed1f24;
    color: #fff;
    scale: 1.08;
}

.pagination .current {
    padding: 8px 16px;
    background: #ed1f24;
    color: #fff;
    border-radius: 6px;
    font-weight: 700;
    font-family: 'Poppins-ExtraBold';
    font-size: 16px;
    box-shadow: 0 2px 8px #ed1f2422;
}

.pagination .disabled {
    padding: 8px 16px;
    background: #eee;
    color: #aaa;
    border-radius: 6px;
    font-size: 16px;
    font-family: 'Poppins-SemiBold';
    cursor: not-allowed;
}

.pagination-info {
    font-size: 15px;
    color: #24689f;
    font-family: 'Poppins-SemiBold';
    margin-top: 4px;
    text-align: center;
}

@media (max-width: 480px) {
    .recent-news {
        display: flex;
        flex-direction: column;

        .news-list {
            .publication-card {
                display: flex;
                flex-direction: column;
                border-bottom: 1px solid #575757;
                border-radius: 0;
                padding-bottom: 48px;

                .publication-image {
                    width: 100%;
                }
            }
        }
    }
}