$('.groups a').each(function(){
var color = $(this).css('color');
var clase = $(this).text().replace(/\s/g, '').toLowerCase().replace(/'/g, "").replace(/\(|\)/g, "").slice(0,10);
$(this).attr('style', '--group:'+color+';');
$(this).parent('b').replaceWith(this);
$(this).addClass('gr'+clase).removeClass('gensmall');
});

$('.groups').each(function(){
var content = $(this).children('a');
$(this).html(content);
});