.flexIndex
{
 background-color: rgba(0, 0, 0, 0.8);
 padding: 0.5em;
}
.flexIndex > .flexProd
{
 border-color: #FFFFFF;
 background-color: #000000;
 color: #FFFFFF;
 text-shadow: none;
 box-shadow: 0em 0em 0px 0px #000000 inset;
 transition: all 0.2s ease;
}
.flexIndex > .flexProd > span:first-child
{
 background-image: radial-gradient(ellipse closest-side, #303030, #000000);
}
.flexIndex > .flexProd button
{
 margin: 0.3em;
 transition: margin 0.2s ease;
}
.flexIndex > .flexProd:hover, .flexIndex > .flexProd:focus
{
 padding-top: 0.75em;
 padding-left: 0.75em;
 padding-bottom: 1.25em;
 padding-right: 1.25em;
 box-shadow: -0.25em -0.25em 2px #606060 inset, -0.25em -0.25em 2px #000000;
}
.flexIndex > .flexProd:active
{
 padding-top: 1.25em;
 padding-left: 1.25em;
 padding-bottom: 0.75em;
 padding-right: 0.75em;
 box-shadow: 0.25em 0.25em 2px #606060 inset, 0.25em 0.25em 2px #000000;
}
.flexIndex > .flexProd:hover button, .flexIndex > .flexProd:focus button
{
 margin-top: 0.6em;
 margin-left: 0.6em;
 margin-bottom: 0em;
 margin-right: 0em;
}
.flexIndex > .flexProd:active button
{
 margin-top: 0em;
 margin-left: 0em;
 margin-bottom: 0.6em;
 margin-right: 0.6em;
}