// Magic number where the option menu should change layout
$options-menu-bp: 840;

.c-options-menu {
	list-style: none;
	margin-left: 0;

	@include mq($max: $options-menu-bp){
		display: flex;
		justify-content: space-between;
	}
}

.c-options-menu__segment {
	@include mq($options-menu-bp) {
		& + & {
			margin-top: 50px;
		}
	}
}

.c-options-menu__label {
	@include font-size(s);
	@include font-weight('medium');
	margin-bottom: 10px;
	color: palette(neutral, 0);

	@include mq($max: $options-menu-bp){
		.c-options-menu__segment:last-child & {
			text-align: right;
		}
	}
}