.systems{display:flex;margin-bottom:1em;margin-top:1em}.systems .item{flex-grow:1;text-align:center;padding:10px;background:#afafaf;margin-right:1em;text-decoration:none;color:#fff}.systems .item.active{color:#2fc2ad;border-bottom:5px solid #25a189;background:linear-gradient(20deg,#383b38 50%,#222422)}.systems .item:not(.active):hover{border-bottom:5px solid #7f7f7f}.systems .item:last-child{margin-right:0}@media(max-width:600px){.systems .item{margin-right:2px}.systems.multi{flex-direction:column}.systems.multi .item{margin-right:0;margin-bottom:2px;font-size:.8em;line-height:.8em}}