// Tabs 
.wc-tabs{
	padding: 0;
	margin: 20px -15px 20px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	li{
		padding: 0 15px;
		@media (max-width: 320px){
			flex: 0 0 100%;
		}
	}
	a{
		font-weight: 700;
		font-size: 16px;
		position: relative;
		padding: 15px 0;
		display: block;
		z-index: 1;
		&:after{
			left: 0;
			right: 0;
		}
	}
	li.active a{
		color: var(--color-accent);
	}
	li.active a:after,
	a:hover:after{
		color: var(--color-accent);
		background: var(--color-accent);
	}

	&:after,
	a:after{
		content: '';
		height: 4px;
		position: absolute;
		bottom: 0;
		background: $border-color;
		@include transition();
	}
	&:after{
		left: 15px;
		right: 15px;
	}
}