.button,button {
  color:var(--button-text,#000000);
  background-color:var(--button-background,transparent);
	border:var(--button-border,none);
	transition:filter 0.2s ease,transform 0.2s ease;
}

.button:hover,button:hover {
	filter:brightness(90%);
	transform:translateY(-1px);
}

.icon {
	filter:var(--icon-filter,none);
}

/* Default */
.button.button-default {
	--button-text:#ffffff;
	--button-background:#2457F5;
	--button-border:1px solid #ffffff;
}

/* Instagram */
.button-instagram {
    --button-text: #ffffff;
    --button-background: #e1306c;
}

/* Facebook */
.button-facebook {
    --button-text: #ffffff;
    --button-background: #1877f2;
}

/* TikTok */
.button-tiktok {
    --button-text: #ffffff;
    --button-background: #000000;
}

/* Telephone */
.button-telephone {
    --button-text: #ffffff;
    --button-background: #00a98f;
}

/* Adresse mail */
.button-adresse-mail {
    --button-text: #ffffff;
    --button-background: #f2635d;
}