/* ----- button ----- */

.icon {
	font-size: 2rem;
}

.big-icon {
	font-size: 5rem;
}

.no-button {
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.plus-button {
	font-size: 3.4em;
	position: absolute;
	right: 27px;
	top: -12px;
	transition-duration: 0.4s;
}

.plus-button:hover {
	transform: scale(1.4) rotate(90deg);
	color: var(--orange-theme-color);
}


.button {
	font-size: 1em;
	text-align: center;
	text-decoration: none;

	margin: 1.2em 1.4em 1em !important;

	border: none;
	border-radius: var(--border-radius);
	padding: 12px 18px;
	display: inline-block;
	cursor: pointer;

}

.button-max-content {
	min-width: max-content;
}

.button-100 {
	width: 100%;
}

.button-long {
	width: 260px !important;
	max-width: 260px;
	margin: 1.2em 1em 1em;
}

.button-edit {
	color: var(--white-theme-color) !important;
	background-color: var(--orange-theme-color);

	margin: 1.2em 1.4em 1em;
	min-width: 230px;

}

.button-delete {
	color: var(--white-theme-color);
	background-color: var(--red-theme-color);
	margin: 1.2em 1.4em 1em;
	height: 100%;
	min-width: 230px;
}

.button-valid {
	color: var(--white-theme-color);
	background-color: var(--green-theme-color);
	height: 100%;
}

.button-valid:hover,
.button-delete:hover {
	text-decoration: underline;
}

.button-action-active {
	background-color: var(--blue-theme-color) !important; 
	color: var(--white-theme-color) !important;
}

.button-action {
	color: var(--red-theme-color);
	background-color: var(--orange-theme-l4-color);
	border: 3px solid;
}

.button-action-formation {
	padding: 3px 13px;
	margin: 3px !important;
}

.button-action-article {
	border-left: var(--border-size) solid;
}


.button-delete-near-h1 {
	font-size: 1em;

	height: 100%;
	min-width: 250px;
}


.button-max-width {
	width: auto;
}

.button-save {
	font-size: 1.5em;
	
	width: auto;
	margin: 1.2em 1.4em 1em;
}

.add-item-link {
	font-size: 1.5em;
	margin: 1.2em 1.4em 1em;

}

.connect-button {
	border: none;
	border-radius: var(--border-radius);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	min-width: 90%;
	margin: auto;
	margin-top: 4vh;
	height: 3em;
	line-height: 3em;
	font-size: 1.2em;
}

.connect-button:hover {
	box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

/* ----- boutons sans libellé ----- */

.button-item {
	width: 5rem;
	height: 5rem;
	padding: 1rem;
	margin-left: 2rem;
	text-align: center;
	border-radius: var(--border-radius);
}

.button-bar {
	padding: 0%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.button-bar-item {
	width: 5rem;
	height: 5rem;
	padding: 1rem;
	margin-left: 2px;
	text-align: center;
	align-content: center;
}

.button-item>a,
.button-bar-item>a {
	color: var(--white-theme-color);
}

.button-bar-item-right {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.button-bar-item-left {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

button.button-bar-item {
	border: none;
	font-size: 2rem;
}


/* buttons and media */
@media screen and (max-width: 1050px) {
	.button {
		font-size: 1.3rem;
	}
}