/* 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: 0px; }
.links ul li:hover, .links ul li:nth-child(odd):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: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:1px 0px; }
.links ul li .nome_link { width: 100%; height: auto; position: relative; text-align: left; color: var(--cor-texto); font-size: 14px; 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-primaria); color: #ffffff; font-size: 14px; 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: 7px; -moz-border-radius: 7px; border-radius: 7px; 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; }