@import '../../styles/theme.less';

.MyButtonTabs {
	padding: 12px 0;
	color: @text-color-secondary;

	&-border {
		position: relative;

		&::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			height: 1px;
			background-color: @divider-color;
		}
	}

	&-tab {
		cursor: pointer;
		display: flex;
		align-items: center;
		background: #ffffff;
		border: 1px solid #c9cdd4;
		border-radius: 4px;
		padding: 6px 12px;
	}

	&-active {
		border: 1px solid #1a6fb8;
		color: #1a6fb8;
	}
}