@mixin flex($direction: column, $gap: 12px, $alignItems: flex-start, $justifyContent: flex-start) {
    display: flex;
    justify-content: $justifyContent;
    align-items: $alignItems;
    flex-direction: $direction;
    gap: $gap;
}