.flat-icon{
    text-align: center;
padding: 5.75px 7px;
font-weight: bold;
display: inline-block;
line-height: 100%;
overflow: hidden;
text-transform: uppercase;
margin-right: 7.5px;
width: 25px;
font-size: 12.5px;
border-radius: 12.5px;
-moz-border-radius: 12.5px;
-webkit-border-radius: 12.5px;

   background-color: rgb(26, 188, 156);
color: rgb(52, 255, 255);
text-shadow: rgba(18, 132, 109, 0.968627) -1px 1px 0px, rgba(18, 132, 109, 0.937255) -2px 2px 0px, rgba(18, 132, 109, 0.905882) -3px 3px 0px, rgba(18, 132, 109, 0.87451) -4px 4px 0px, rgba(18, 132, 109, 0.843137) -5px 5px 0px, rgba(18, 132, 109, 0.811765) -6px 6px 0px, rgba(18, 132, 109, 0.780392) -7px 7px 0px, rgba(18, 132, 109, 0.74902) -8px 8px 0px, rgba(18, 132, 109, 0.717647) -9px 9px 0px, rgba(18, 132, 109, 0.686275) -10px 10px 0px, rgba(18, 132, 109, 0.654902) -11px 11px 0px, rgba(18, 132, 109, 0.623529) -12px 12px 0px, rgba(18, 132, 109, 0.592157) -13px 13px 0px, rgba(18, 132, 109, 0.560784) -14px 14px 0px, rgba(18, 132, 109, 0.529412) -15px 15px 0px, rgba(18, 132, 109, 0.498039) -16px 16px 0px, rgba(18, 132, 109, 0.466667) -17px 17px 0px, rgba(18, 132, 109, 0.435294) -18px 18px 0px, rgba(18, 132, 109, 0.403922) -19px 19px 0px, rgba(18, 132, 109, 0.372549) -20px 20px 0px, rgba(18, 132, 109, 0.341176) -21px 21px 0px, rgba(18, 132, 109, 0.309804) -22px 22px 0px, rgba(18, 132, 109, 0.278431) -23px 23px 0px, rgba(18, 132, 109, 0.247059) -24px 24px 0px, rgba(18, 132, 109, 0.215686) -25px 25px 0px, rgba(18, 132, 109, 0.184314) -26px 26px 0px, rgba(18, 132, 109, 0.152941) -27px 27px 0px, rgba(18, 132, 109, 0.121569) -28px 28px 0px, rgba(18, 132, 109, 0.0901961) -29px 29px 0px, rgba(18, 132, 109, 0.0588235) -30px 30px 0px, rgba(18, 132, 109, 0.027451) -31px 31px 0px, rgba(18, 132, 109, 0) -32px 32px 0px;
background-position: initial initial;
background-repeat: initial initial;
}