.svg-button {border: none; background-color: transparent; padding: 0; margin-top: -5px;}
.svg-blue {
    filter: invert(60%) sepia(9%) saturate(953%) hue-rotate(165deg) brightness(92%) contrast(88%);
}
.svg-blue path:hover {
  stroke: #0000ff;
  stroke-width: 5px;
}
.svg-link:hover {font-weight:bolder;}
.svg-silver {
    filter: invert(65%) sepia(94%) saturate(0%) hue-rotate(162deg) brightness(98%) contrast(97%);
}
.svg-white {
  filter: invert(100%) sepia(4%) saturate(707%) hue-rotate(210deg) brightness(120%) contrast(100%);
}
.svg-hover-blue:hover {
    filter: invert(60%) sepia(9%) saturate(953%) hue-rotate(165deg) brightness(92%) contrast(88%);
}
.svg-bright-blue { /* #01e3fc: cyan */
    filter: invert(65%) sepia(37%) saturate(2077%) hue-rotate(140deg) brightness(103%) contrast(105%);
}
.svg-bright-blue:hover { /* blue */
    filter: invert(60%) sepia(9%) saturate(953%) hue-rotate(165deg) brightness(92%) contrast(88%);
}
.svg-dark-green { /* #003400: darker green */
    filter: invert(13%) sepia(50%) saturate(2166%) hue-rotate(91deg) brightness(97%) contrast(106%);
}
.svg-forest-green { /* ##228B22: forest green */
    filter: brightness(0) saturate(100%) invert(43%) sepia(15%) saturate(2293%) hue-rotate(70deg) brightness(97%) contrast(94%);
}
.svg-green { /* #228B22: forest green */
    filter: brightness(0) saturate(100%) invert(77%) sepia(7%) saturate(7494%) hue-rotate(64deg) brightness(87%) contrast(89%);
}
.svg-red { /* #EE4B2B: bright red */
    filter: brightness(0) saturate(100%) invert(37%) sepia(92%) saturate(3604%) hue-rotate(349deg) brightness(101%) contrast(87%);
}
.svg-yellow { /* #FFFF00: yellow */
filter: brightness(0) saturate(100%) invert(97%) sepia(43%) saturate(7467%) hue-rotate(2deg) brightness(106%) contrast(104%);
}