/*
* LittleLink Extended 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
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Hooves Social */
.button-hooves {
    --button-text:#FFFFFF;
    --button-background:#111119;
    --button-border:1px solid #FFFFFF;
}

/* Furbooru */
.button-furbooru {
    --button-text:#FFFFFF;
    --button-background:#1c1823;
    --button-border:1px solid #FFFFFF;
}

/* Furaffinity */
.button-furaffinity {
    --button-text:#FFFFFF;
    --button-background:#353b45;
    --button-border:1px solid #FFFFFF;
}

/* wafrn */
.button-wafrn {
    --button-text:#ffffff;
    --button-background:#0c384a;
    --button-border:1px solid #000726;
}

/* SkySplash */
.button-skysplash {
    --button-text:#FFFFFF;
    --button-background: #244c45;
    --button-border:1px solid #FFFFFF;
}

/* Linkpages */
.button-linkpages {
    --button-text:#FFFFFF;
    --button-background: #121212;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-nyx {
    --button-text:#FFFFFF;
    --button-background: #060747;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-mossy {
    --button-text:#6af334;
    --button-background: #062d0a;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-azure {
    --button-text:#32cd32;
    --button-background: #4916c5;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-mystic {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-sky {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-sea {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-arcane {
    --button-text:#e0a222;
    --button-background: #821fc9;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-terra {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-skylar {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-marlo {
    --button-text:#9997c2;
    --button-background: #2d2d46;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-lunessa {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-galeon {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-zephara {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-mimzy {
    --button-text:#FFFFFF;
    --button-background: #212164;
    --button-border:1px solid #FFFFFF;
}

/* ref */
.button-grim {
    --button-text:#a4989f;
    --button-background: #111f36;
    --button-border:1px solid #0ac8a9;
}

/* ref */
.button-erelim {
    --button-text:#aee3e6;
    --button-background: #2f3634;
    --button-border:1px solid #a0ced1;
}
