@use '@talend/bootstrap-theme/src/theme/guidelines' as *;
@use '@talend/design-tokens/lib/tokens' as tokens;
@import '../../shared/styles/mixins';

.common {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: $font-weight-semi-bold;

	:global(.dropdown-menu) {
		min-width: 63px;
	}
}

.month {
	margin-right: $padding-smaller;
}

.button {
	@include nav-action;

	&:hover {
		color: tokens.$coral-color-accent-text-hover;
	}

	&:active {
		color: tokens.$coral-color-accent-text-active;
	}
}