a { color: black; text-decoration: none; } [v-cloak] { display: none !important; } //HeaderNav.scss .HeaderNav { //margin-right: 10%; .HeaderNav-container { display: flex; justify-content: space-between; align-items: center; .nav-active { display: flex; align-items: center; // &::before { // content: ''; // width: 0; // height: 0; // position: absolute; // bottom: -30px; // text-align: center; // margin: 15px 0 auto; // transition: 0.3s; // border-width: 0 10px 10px; // border-style: solid; // border-color: transparent transparent black!important; // } span { color: black !important; } // padding: 60px 30px !important; } .HeaderNav-navItems { padding: 0 25px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; // color: rgb(198, 198, 198); color: black; position: relative; transition: 0.4s; // &::before { // content: ''; // width: 0; // height: 0; // position: absolute; // bottom: -30px; // text-align: center; // margin: 15px 0 auto; // transition: 0.3s; // border-width: 0 10px 10px; // border-style: solid; // border-color: transparent transparent transparent; // } &:hover { // &::before{ // border-color: transparent transparent black!important; // } span { color: #f9b54c !important; } } } } }