/*
* LittleLink Button Styles
* https://littlelink.io
* Free to use under the MIT license
* http://www.opensource.org/licenses/mit-license.php
*/

/* Brand Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Only include brand-specific button styling here */
.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;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover,button:hover {
	filter:brightness(90%);
	transform:translateY(-1px);
}

/* Button Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon {
	filter:var(--icon-filter,none);
}

/* Brand-Specific Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

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

/* Social Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Vita */
.button-vita {
    --button-text: #ffffff;
    --button-background: #2457f5;
    --button-border: 1px solid #FFFFFF;
}

/* E-Mail */
.button-e-mail {
    --button-text: #ffffff;
    --button-background: #000080;
    --button-border: 1px solid #FFFFFF;
}

/* FreeX */
.button-freex {
    --button-text: #ff0000;
    --button-background: #000000;
    --button-border: 1px solid #FFFFFF;
}

/* LinkedIn */
.button-linked {
	--button-text:#ffffff;
	--button-background:#2867b2;
        --button-border: 1px solid #FFFFFF;
}

/* Audios Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ARD Lost in Neulich */
.button-ard-lost-in-neulich {
    --button-text: #ffffff;
    --button-background: #006400;
    --button-border: 1px solid #FFFFFF;
}

/* Series Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* RTL Serie Meme Girls */
.button-rtl-serie-meme-girls {
    --button-text: #ffffff;
    --button-background: #e33b2f;
    --button-border: 1px solid #FFFFFF;
}

/* RTL Serie Uferpark */
.button-rtl-serie-uferpark {
    --button-text: #ffffff;
    --button-background: #e33b2f;
    --button-border: 1px solid #FFFFFF;

}