/* LINKS */
.links { width: 100%; height: auto; position: relative; margin: 0px; text-align: center; padding: 0px 0px 30px 0px; }
.links ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; padding: 10px 0px 0px 0px; }
.links ul li:hover { background-color: #eaeaea; }
.links ul li { display: inline-block; vertical-align: top; cursor: pointer; width: 97%; height: auto; padding: 12px 1.5%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; text-align: center; overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-bottom:2px; }
.links ul li .nome_link { width: 100%; height: auto; position: relative; text-align: left; color: #606060; font-size: 18px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 600; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.links ul li .cta { cursor: pointer; opacity: 0; width: auto; padding: 4px 15px; background: #9f9f9f; color: #ffffff; font-size: 14px; font-family: var(--fonte-padrao); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; position: absolute; right: 10px; top: 10px; }
.links ul li .cta:hover { padding: 4px 15px; }
.links ul li:hover .cta { opacity: 1; }
.links ul li:nth-child(odd) { background-color: #f4f6f8; }