.list {
    margin: 2rem 0;

    .item{
        padding: 0.5rem 0.75rem;
        border: 2px solid var(--border-color);
        background-color: var(--bg-alternate-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        @include transition() {}

        &:nth-child(2n) {
            background-color: var(--default-color);
        }

        &.link {
            cursor: pointer;
        }

        img {
            border: 2px solid var(--font-color);
        }
    }

    &.hover {
        .item:hover {
            background-color: var(--border-color);
        }
    }
}