.latests {
    &-item {
        margin-bottom: map-get($spacers, 5);

        .header,
        .plain {
            margin-bottom: map-get($spacers, 5);
        }

        .footer {
            display: flex;
            justify-content: flex-end;
        }
    }

    &-item:nth-child(even) {
        ul li a::after,
        ul li a::before {
            color: $primary;
            border-color: $primary;
        }

        .footer .btn-more {
            @include button-outline-variant($primary);
        }
    }

    &-item:nth-child(odd) {
        .header h2 {
            color: $secondary;
        }

        ul li a::after,
        ul li a::before {
            color: $secondary;
            border-color: $secondary;
        }

        .footer .btn-more {
            @include button-outline-variant($secondary);
        }
    }

    ul {
        li:not(:last-child) {
            margin-bottom: map-get($spacers, 4);
        }
    }
}

@include media-breakpoint-up(md) {
    .latests-item .td {
        height: 100%;
        display: flex;
        flex-direction: column;

        .plain {
            flex: 1;
        }
    }
}