.profile-card {
	height: 100%;
	border-radius: 8px;
	padding: 8px 12px;

	cursor: pointer;

	border: 1.5px solid #e5e5e5;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;

	.profile-card-info {
		min-width: 0; // Prevents it from growing past parent
		padding-right: 12px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		h6 {
			font-size: 14px;
			line-height: 1.5;
			// margin-bottom: 0.25rem;
			font-weight: bold;
		}

		.profile-card-info-desc {
			font-size: 12px;
			line-height: 1.7;
			color: $bt-light-text;
			// margin-bottom: 0.25rem;
			font-weight: 500;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.profile-card-info-stats {
			font-size: 12px;
			line-height: 1.7;
			color: $bt-light-text;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
	}

	.profile-card-sort {
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 600;

		width: 2rem;
		flex: 0 0 auto;
	}

	.profile-card-remove {
		display: none;
		position: absolute;
		top: 2px;
		right: 3px;
	}

	&:hover .profile-card-remove {
		display: block;
	}
}

.profile-card-remove {
	color: $bt-indicator-red;
	cursor: pointer;
	opacity: 0.5;
	padding: 2px;
	transition: opacity 0.2s ease, background 0.2s ease;
	border-radius: 4px;

	svg {
		width: 20px;
		height: 20px;
	}

	&:hover {
		opacity: 1;
		background: rgba(224, 185, 185, 0.1);
	}
}
