section.ssm-blog {
    min-height: 61vh;
    .blog-post-thumbnail {
        img {
            max-height: 200px;
            object-fit: cover;
        }
    }
}
.view-post-button {
    background-color: var(--color-yellow);
    border: 1px solid var(--color-yellow);
    border-radius: 16px;
    color: var(--color-indigo);
    outline: none;
    box-shadow: none;
    margin-top: auto;
    width: fit-content;
    &:hover {
        background-color: transparent;
        border-color: var(--color-yellow);
        color: var(--color-indigo);
        outline: none;
        box-shadow: none;
    }
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    .page {
        padding: 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .page.active {
        background-color: var(--color-yellow);
    }
}

.next-blog-post,
.previous-blog-post {
    a {
        color: var(--color-dark-indigo);
        text-decoration: none;
        &:hover {
            text-decoration: underline;
            color: #0d6efd;
        }
    }
}