:root {
  --cor-primaria: #ff2160;
  --cor-secundaria: #ff5081;
  --cor-sucesso: #198754;
  --cor-perigo: #ff2160;
  --cor-aviso: #ffc107;
  --cor-fundo: #ebebeb;
  --cor-texto: #4d4d4d;
  --cor-branca: #ffffff;
  --cor-preta: #000000;
}
body {
  background-color: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
.logo {
  width: 260px;
  height: auto;
}
.btn-aluno {
  background-color: var(--cor-primaria);
  color: var(--cor-branca);
  padding: 10px 20px;
  border: solid 1px var(--cor-primaria);
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  font-weight: 500;
}
.btn-aluno:hover {
  background-color: var(--cor-primaria);
  color: var(--cor-branca);
  border: solid 1px var(--cor-primaria);
}
.btn-professor {
  background-color: var(--cor-branca);
  color: var(--cor-texto);
  padding: 10px 20px;
  border: solid 1px var(--cor-fundo);
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  font-weight: 500;
}
.btn-professor:hover {
  background-color: var(--cor-branca);
  color: var(--cor-texto);
  border: solid 1px var(--cor-fundo);
}
.btn-aluno p,
.btn-professor p {
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 13px;
  opacity: 0.8;
}