/* 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; border-top: 1px solid #f4f6f8; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.links ul li .nome_link { width: 100%; height: auto; position: relative; text-align: left; color: var(--cor-primaria); font-size: 15px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 500; -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 10px; background: var(--cor-secundaria); color: #ffffff; font-size: 13px; font-family: var(--fonte-padrao); font-weight: 700; -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: 10px; -moz-border-radius: 10px; border-radius: 10px; 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; }