.content-btn-fases {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
  justify-content: center;
}

.mr-1 {
  margin-right: 0.6rem;
}

.content-links {
  display: flex
}

.content-btn-fases .btn-fase {
  width: auto;
  height: 3rem;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  border-radius: 50rem;
  padding: 0 1rem;
  justify-content: center;
  transition: 0.5s;
  cursor: pointer;
}

.content-btn-fases .btn-fase.active .title-fase,
.content-btn-fases .btn-fase.active .sub-title-fase {
  color: #fff;
}

.content-btn-fases .btn-fase .title-fase {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 0.9rem;
  white-space: nowrap;
}

.content-btn-fases .btn-fase .sub-title-fase {
  font-size: 0.6rem;
  line-height: 0.6rem;
  font-weight: 400;
  margin-bottom: 0.15rem;
}

@media (max-width: 1400px) {
  .content-btn-fases .btn-fase {
    padding: 0 1rem;
  }

  .content-btn-fases .btn-fase .title-fase {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }

  .content-btn-fases .btn-fase .sub-title-fase {
    font-size: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0.1rem;
  }
}

.border-momen {
  border-color: #6842ef;
}

.border-ativa {
  border-color: #1839324d;
}

.border-épiqe {
  border-color: #942c676b;
}

.border-sente {
  border-color: #41009c59;
}

.border-prana {
  border-color: #a900ee;
}

.border-duplo {
  border-color: #0082c3;
}

.border-nesta {
  border-color: #8fa633;
}

.border-velia {
  border-color: #c4d600;
}

.border-muvin {
  border-color: #ef656e63;
}

.border-épiqe.active {
  background-color: #942c67;
}

.border-sente.active {
  background-color: #40009c;
}

.border-prana.active {
  background-color: #a900ee;
}

.border-duplo.active {
  background-color: #0082c3;
}

.border-nesta.active {
  background-color: #8fa633;
}

.border-velia.active {
  background-color: #c4d600;
}

.border-ativa.active {
  background-color: #183932;
}

.border-muvin.active {
  background-color: #ef656f;
}