.numbered-card {
    margin-bottom: 24px;
}

.numbered-card .card {
    padding: 24px;
    transition: border-color 300ms;
}

.numbered-card .h1 {
    color: var(--app-green);
    line-height: .94
}

.numbered-card li {
    margin-bottom: 8px;
}

.numbered-card >a:hover .card,
.numbered-card >a:focus-within .card,
.numbered-card >a:focus .card {
    padding: 23px;
    border-width: 2px;
    border-color: var(--app-light-green);
}

.numbered-card >a {
    color: var(--app-textColor) !important;
    text-decoration: none;
}

.numbered-card >a:active .card {
    padding: 23px;
    border-width: 2px;
    border-color: var(--app-green);
}

.numbered-card--description :last-child {
    margin-bottom: 0;
}
