.tab-btn {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	border-radius: 40px;
	width: 120px;
	background-color: #e1e1e1;
	padding: 6px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

@media (width<527px) {
	.tab-btn {
		flex-direction: column;
		width: 60px;
		align-items: center;
		justify-content: center;
		gap: 10px;
		border-radius: 15px;
	}
}

.count-dot {
	height: 30px;
	width: 30px;
	background-color: #bbb;
	color: #0078db;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.96rem;
	font-weight: bold;
}

.dark-mode .tab-btn {
	background-color: grey;
}

.rotate {
	animation: rotation 0.78s infinite linear;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.tab-btn-survey {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	border-radius: 40px;
	height: 50px;
	padding: 6px 15px;
	display: flex;
	gap: 5px;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

@media (width<527px) {
	.tab-btn-survey {
		padding: 6px 15px;
	}
}