/**
 * Project Technologies — Frontend Styles
 *
 * @package ProjectTechnologies
 */

.pt-technologies {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pt-tag {
	display: inline-flex;
	align-items: center;
	background-color: rgba(55, 65, 81, 0.50);
	border: 1px solid #4B5563;
	border-radius: 999px;
	color: #D1D5DB;
	font-size: 12px;
	line-height: 16px;
	padding: 4px 12px;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.pt-tag:hover {
	background-color: rgba(55, 65, 81, 0.80);
	border-color: #6B7280;
	color: #F3F4F6;
}