button.type-Dark.has-tooltip {
    background: linear-gradient(to bottom, rgba(166,142,124,1) 0%, rgba(108,89,74,1) 50%, rgba(51,43,37,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #6c594a solid;
}

button.type-Dark.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(51,43,37,1) 0%, rgba(108,89,74,1) 50%, rgba(166,142,124,1) 100%);
    color: white;
    border: 1px #6c594a solid;
}

button.type-Ghost.has-tooltip {
    background: linear-gradient(to bottom, rgba(154,140,189,1) 0%, rgba(108,91,148,1) 50%, rgba(37,34,46,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #6c5b94 solid;
}

button.type-Ghost.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(37,34,46,1) 0%, rgba(108,91,148,1) 50%, rgba(154,140,189,1) 100%);
    color: white;
    border: 1px #6c5b94 solid;
}

button.type-Ice.has-tooltip {
    background: linear-gradient(to bottom, rgba(194,254,255,1) 0%, rgba(165,214,215,1) 50%, rgba(84,124,125,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #a5d6d7 solid;
}

button.type-Ice.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(84,124,125,1) 0%, rgba(165,214,215,1) 50%, rgba(194,254,255,1) 100%);
    color: white;
    border: 1px #a5d6d7 solid;
}

button.type-Bug.has-tooltip {
    background: linear-gradient(to bottom, rgba(241,247,170,1) 0%, rgba(170,182,66,1) 50%, rgba(62,66,20,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #aab642 solid;
}

button.type-Bug.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(62,66,20,1) 0%, rgba(170,182,66,1) 50%, rgba(241,247,170,1) 100%);
    color: white;
    border: 1px #aab642 solid;
}

button.type-Grass.has-tooltip {
    background: linear-gradient(to bottom, rgba(199,252,159,1) 0%, rgba(139,196,96,1) 50%, rgba(75,117,42,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #8bc460 solid;
}

button.type-Grass.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(75,117,42,1) 0%, rgba(139,196,96,1) 50%, rgba(199,252,159,1) 100%);
    color: white;
    border: 1px #8bc460 solid;
}

button.type-Water.has-tooltip {
    background: linear-gradient(to bottom, rgba(184,205,255,1) 0%, rgba(111,145,233,1) 50%, rgba(39,78,168,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #6f91e9 solid;
}

button.type-Water.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(39,78,168,1) 0%, rgba(111,145,233,1) 50%, rgba(184,205,255,1) 100%);
    color: white;
    border: 1px #6f91e9 solid;
}

button.type-Poison.has-tooltip {
    background: linear-gradient(to bottom, rgba(201,143,207,1) 0%, rgba(148,73,155,1) 50%, rgba(101,1,112,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #94499b solid;
}

button.type-Poison.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(101,1,112,1) 0%, rgba(148,73,155,1) 50%, rgba(201,143,207,1) 100%);
    color: white;
    border: 1px #94499b solid;
}

button.type-Normal.has-tooltip {
    background: linear-gradient(to bottom, rgba(214,213,171,1) 0%, rgba(168,167,125,1) 50%, rgba(110,109,70,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #a8a77d solid;
}

button.type-Normal.has-tooltip:hover {
    background: linear-gradient(to bottom, rgba(110,109,70,1) 0%, rgba(168,167,125,1) 50%, rgba(214,213,171,1) 100%);
    color: white;
    border: 1px #a8a77d solid;
}

button.type-Fire.has-tooltip {
background: linear-gradient(to bottom, rgba(240,181,141,1) 0%, rgba(226,134,68,1) 50%, rgba(138,74,32,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #e28544 solid;
}

button.type-Fire.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(226,134,68,1) 0%, rgba(138,74,32,1) 0%, rgba(226,134,68,1) 50%, rgba(240,181,141,1) 100%);
    color: white;
    border: 1px #e28544 solid;
}

button.type-Fighting.has-tooltip {
background: linear-gradient(to bottom, rgba(240,139,130,1) 0%, rgba(177,60,49,1) 50%, rgba(117,40,33,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #b13c31 solid;
}

button.type-Fighting.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(117,40,33,1) 0%, rgba(177,60,49,1) 50%, rgba(240,139,130,1) 100%);
    color: white;
    border: 1px #b13c31 solid;
}

button.type-Flying.has-tooltip {
background: linear-gradient(to bottom, rgba(203,192,252,1) 0%, rgba(164,148,234,1) 50%, rgba(97,84,153,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #a494ea solid;
}

button.type-Flying.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(97,84,153,1) 0%, rgba(164,148,234,1) 50%, rgba(203,192,252,1) 100%);
    color: white;
    border: 1px #a494ea solid;
}


button.type-Electric.has-tooltip {
background: linear-gradient(to bottom, rgba(255,242,194,1) 0%, rgba(242,208,84,1) 50%, rgba(143,120,39,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #f2d054 solid;
}

button.type-Electric.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(143,120,39,1) 0%, rgba(242,208,84,1) 50%, rgba(255,242,194,1) 100%);
    color: white;
    border: 1px #f2d054 solid;
}


button.type-Ground.has-tooltip {
background: linear-gradient(to bottom, rgba(255,231,166,1) 0%, rgba(219,192,117,1) 50%, rgba(122,101,45,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #dbc075 solid;
}

button.type-Ground.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(122,101,45,1) 0%, rgba(219,192,117,1) 50%, rgba(255,231,166,1) 100%);
    color: white;
    border: 1px #dbc075 solid;
}



button.type-Psychic.has-tooltip {
background: linear-gradient(to bottom, rgba(255,186,206,1) 0%, rgba(230,100,137,1) 50%, rgba(166,70,97,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #e66488 solid;
}

button.type-Psychic.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(166,70,97,1) 0%, rgba(230,100,137,1) 50%, rgba(255,186,206,1) 100%);
    color: white;
    border: 1px #e66488 solid;
}



button.type-Rock.has-tooltip {
background: linear-gradient(to bottom, rgba(224,209,148,1) 0%, rgba(180,161,75,1) 50%, rgba(122,104,34,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #b4a04b solid;
}

button.type-Rock.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(122,104,34,1) 0%, rgba(180,161,75,1) 50%, rgba(224,209,148,1) 100%);
    color: white;
    border: 1px #b4a04b solid;
}


button.type-Dragon.has-tooltip {
background: linear-gradient(to bottom, rgba(184,168,255,1) 0%, rgba(104,70,239,1) 50%, rgba(52,31,143,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #6746ef solid;
}

button.type-Dragon.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(52,31,143,1) 0%, rgba(104,70,239,1) 50%, rgba(184,168,255,1) 100%);
    color: white;
    border: 1px #6746ef solid;
}


button.type-Steel.has-tooltip {
background: linear-gradient(to bottom, rgba(237,238,255,1) 0%, rgba(184,185,206,1) 50%, rgba(105,106,120,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #b8b9ce solid;
}

button.type-Steel.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(105,106,120,1) 0%, rgba(184,185,206,1) 50%, rgba(237,238,255,1) 100%);
    color: white;
    border: 1px #b8b9ce solid;
}

button.type-Fairy.has-tooltip {
background: linear-gradient(to bottom, rgba(255,209,220,1) 0%, rgba(226,157,172,1) 50%, rgba(138,83,96,1) 100%);
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px #e29dac solid;
}

button.type-Fairy.has-tooltip:hover {
background: linear-gradient(to bottom, rgba(138,83,96,1) 0%, rgba(226,157,172,1) 50%, rgba(255,209,220,1) 100%);
    color: white;
    border: 1px #e29dac solid;
}