@use "../abstracts/variables" as variables;

.firevert-module-tab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
	padding: 20px 20px 0;
	border-bottom: 1px solid variables.$border-color;

	&__tab {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 15px;
		line-height: 20px;
		color: rgba(variables.$black, 0.6);
		text-decoration: none;
		padding: 0 0 14px;
		font-weight: 500;

		&:first-child,
		&:last-child {
			margin-left: 0;
			margin-right: 0;
		}

		&:hover,
		&:focus,
		&--active {
			position: relative;
			color: variables.$black;
			outline: unset;
			box-shadow: unset;

			&::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 3px;
				background-color: variables.$primary;
			}
		}
	}
}