/* For the first list */
#rain-silver::after,
#rain-yellow::after,
#rain-orange::after,
#rain-blue::after,
#rain-green::after,
#rain-purple::after,
#rain-pink::after,
#rain-space-gray::after,
#rain-gold::after,
#rain-starlight::after,
#rain-midnight::after,
#rain-black::after {
    color: #333;
    opacity: 0;
    transition: opacity 0.3s;
    display: block;
    position: absolute;
    top: 100%;
}

/* Define hover effect for all elements */
#rain-silver:hover::after,
#rain-yellow:hover::after,
#rain-orange:hover::after,
#rain-blue:hover::after,
#rain-green:hover::after,
#rain-purple:hover::after,
#rain-pink:hover::after,
#rain-space-gray:hover::after,
#rain-gold:hover::after,
#rain-starlight:hover::after,
#rain-midnight:hover::after,
#rain-black:hover::after {
    opacity: 1;
}

/* Define content for each color */
#rain-silver::after {
    content: "Silver";
}

#rain-yellow::after {
    content: "Yellow";
}

#rain-orange::after {
    content: "Orange";
}

#rain-blue::after {
    content: "Blue";
}

#rain-green::after {
    content: "Green";
}

#rain-purple::after {
    content: "Purple";
}

#rain-pink::after {
    content: "Pink";
}

#rain-space-gray::after {
    content: "Space Gray";
}

#rain-gold::after {
    content: "Gold";
}

#rain-starlight::after {
    content: "Starlight";
}

#rain-midnight::after {
    content: "Midnight";
}

#rain-black::after {
    content: "Black";
}

.rain-switcher-products .uk-panel-space{
  padding: 0;
}