@use 'sass:map';
@use '../../../base/functions' as *;
@use '../../../components/organisms/footer.scss' as *;

.brandui-footer {
	.footer {
		&-links {
			a {
				&:hover {
					color: var(--action-secondary);
				}
			}
		}

		&-legal {
			&-links {
				a {
					&:hover {
						color: var(--action-secondary);
					}
				}
			}
		}

		&-social-links {
			color: var(--ui-text);

			li {
				list-style: none;
			}

			.icon-border {
				border-color: with-opacity(var(--neutral-1), 70);
			}

			a {
				font-weight: 400;
				text-decoration: none;
				color: var(--ui-text);

				&:hover {
					color: var(--action-secondary);
				}
			}
		}
	}
}