Minha caixinha do link não sai a cor e nem o título muda a cor (está roxa, por que era como eu tinha deixado)

@import url('https://fonts.googleapis.com/css2?family=Kanit&family=Libre+Franklin:wght@200;400;600&display=swap');

*{ margin: 0; padding: 0; }

body{ height: 100vh; box-sizing: border-box; background-color: #000000; color: #F6F6F6; }

.titulo-destaque{ color: #8a4ee3; }

.apresentacao{ margin: 10% 15%; display: flex; align-items: center; justify-content: space-between; }

.apresentacao__conteudo{ width: 615px; display: flex; flex-direction: column; gap: 40px; }

.apresentacao__conteudo__titulo{ font-size: 36px; font-family: 'Kanit', sans-serif; }

.apresentacao__conteudo__texto{ font-size: 24px; font-family: 'Libre Franklin', sans-serif; }

.apresentacao__links{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; }

.apresentacao__links__subtitulo{ font-family: 'Kanit', sans-serif; font-weight: 400; font-size: 24px;

}

.apresentacao__links__link{

border: 2px solid #4b0082;
width: 378px;
text-align: center;
border-radius: 8px;
font-size: 24px;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: #F6F6F6;
font-family: 'Libre Franklin', sans-serif;

}