.cpd__links {
    display: flex;
    justify-content: flex-start;
    gap: 1em;
    margin: 1em 0;
}

a.cpd__btn {
    display: inline-block;
    background-color: var(--cibse-color-black);
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 4px;
    width: auto;

    &:visited {
        color: #FFFFFF;
    }

    &:hover {
        text-decoration: none;
        color: var(--cibse-color-yellow);
    }
}

table.cpd__modules {
    table-layout: fixed;
    width: 100%;
    margin: 10px auto;
    border-collapse: collapse;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;

    th,
    td {
        vertical-align: top;
        padding: 0.6em;
    }

    tr {
        td,th {
            &:nth-child(1){
                width:18%;
            }

            &:nth-child(2) {
                width: 66%;
            }

            &:nth-child(3){
                width: 10%;
                text-align: center;
            }

            &:nth-child(4) {
                width: 8%;
                text-align: center;
            }
        }
    }

    tbody tr:nth-child(odd) {
        background-color: #eeeeee;
    }

}

.cpd-pagination {
    display: flex;
    justify-content: center;
    margin: 1em 0;
    gap:.05em;

    > * {
        padding:10px;
    }
}