.all{
    display: flex;
    justify-content: center;
}

.yes-man{
    margin-top: 40px;
    width: 80%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 20px;
    
}

.list-news{
    width: 90%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.news{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'Work Sans' , sans-serif;
    font-size: 16px;
    font-weight: 400;
}
div.news-detail{
    display: flex;
    gap: 20px;
}
p.news-title{
    margin: 0;
    font-family: 'Yeseva One',sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: rgba(20, 106, 14, 1);
}
p.news-content{
    color: rgba(33, 33, 36, 1);
}
div.news-detail div{
    display: flex;
    justify-content: center;
    gap: 5px;
}
div.news-detail div img{

    width: 20px;    height: auto; /* Agar proporsi gambar tetap terjaga */
    transform: translateY(-1.5px);
}



button.readmore {
    width: 30%;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 10px 20px; 
    background-color: rgba(202, 248, 191, 1); 
    color: rgba(20, 106, 14, 1); 
    border: none; 
    border-radius: 50px; 
    font-family: 'Work Sans', sans-serif; 
    font-size: 16px; 
    font-weight: 500;
    cursor: pointer; 
    transition: all 0.3s ease; 
    gap: 10px;
}

button.readmore:hover {
    background-color: rgba(20, 106, 14, 1); /* Warna lebih gelap saat hover */
    color:rgba(202, 248, 191, 1) ;
}

button.readmore:hover svg path{
    stroke: rgba(202, 248, 191, 1);
}

img.article{
    height: 400px;
}

.news-page{
    display: flex;
    flex-direction: column;
}

/* Container pagination */
.pagination-news {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    font-family: 'Work Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.pagination-news ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px; /* Jarak antar item */
    padding: 0;
    list-style: none;
    
}

.pagination-news li a {
    display: inline-block;
    padding-right: 6px;
    text-decoration: none;
    color: rgba(25, 236, 21, 1);
    transition: all 0.3s ease;
}

/* Hover efek */
.pagination-news li a:hover {
    color: rgba(25, 236, 21, 0.5);
}

/* Aktifkan halaman saat ini */
.pagination-news li.active a {
    color: rgba(20, 106, 14, 1);
    cursor: default;
}

/* Disabling tombol next/prev */
.pagination-news li.disabled a {
    color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
}

div.pagination-news div.page{
    display: flex;
    flex-direction: row;
    gap: 5px;
}

div.pagination-news div.page li {
    display: flex;
    flex-direction: row;
}