.archive {
    margin-bottom: 3rem;
}

.archive .entry-article a {
    display: block;
    text-decoration: none;
}

.archive .entry-article a:hover .arrow {
    transform: translateX(10px);
}

.archive .entry-article .entry-categories {
    margin-bottom: 1rem;
}

.archive .entry-article .entry-content {
    display: flex;
    flex-direction: column;
}

.archive .entry-article .arrow {
    align-self: flex-end;
    padding-bottom: 1rem;
    padding-right: 1rem;
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1) all;
}

@media (min-width: 576px) {
    .archive {
        margin-bottom: 4.5rem;
    }
}

@media (min-width: 768px) {
    .archive {
        margin-bottom: 6rem;
    }
}