.icon-list-box {
    display: flex;
    margin: var(--spacing-5x) var(--spacing-0x) var(--spacing-8x) var(--spacing-0x);
}

.icon-list-box.border {
    padding: var(--spacing-3x);
    border-radius: var(--radius-15-x);
    border: 1px solid var(--surface-3);
}

.icon-list-box .icon-list {
    flex: 1;
    margin: var(--spacing-0x);
    padding: 0 32px;
    border-left: 2px solid var(--colors-neutral---light-200);
}

.icon-list-box .icon-list:first-child {
    padding-top: 0;
    padding-left: 0;
    border: none;
}

.icon-list-box .icon-list:last-child {
    padding-bottom: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    .icon-list-box {
        flex-direction: column;
    }

    .icon-list-box .icon-list {
        padding: 32px 0;
        border-left: none;
        border-top: 2px solid var(--colors-neutral---light-200);
    }
}