/* Region form */
.form-group {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-row {
	display: flex;
	flex-direction: column;
}

button#add-external-link {
	margin-top: 10px;
}

button.remove-link {
	background-color: #c70000;
	color: white;
	border-color: #c70000;
	transition-duration: 0.15s;
	margin-left: 5px;
}
/* Endregion form */

/* Region links */
#external-links-container {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.external-link-item {
	border: 1px solid var(--e-global-color-accent);
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	min-width: 35px;

	transition-duration: 0.15s;
}

.external-link-item:hover {
	background-color: var(--e-global-color-accent);
	color: white;
	cursor: pointer;

	transition-duration: 0.15s;
}

.external-link-item:hover i {
	color: white;
}

.external-link-item i {
	color: var(--e-global-color-accent);
}
/* Endregion links */