:root{
  --primary-bg: #202020;
  --primary-yellow: #ffde59;
}

.footer{
  width: 100%;
  background-color: var(--primary-bg);
  border-top: 3px solid var(--primary-yellow);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: center;
  padding: 30px 0;
}

.contact-button{
  margin: 10px;
  padding: 10px 25px;
  background-color: transparent;
  border: 2px solid var(--primary-yellow);
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

.contact-button:hover{
  scale: 1.05;
  transition: 0.3s ease;
}
.social-buttons-div{
  display: flex;
  gap: 25px;
}

.socials-button{
  border: 2px solid var(--primary-yellow);
  background-color: transparent;
  cursor: pointer;
  color: white;
  width: 42px;
  height: 42px;
  padding: 0; 
  border-radius: 50%; 
  display: flex;
  align-items: center;
  justify-content: center;
}

i{
  color: var(--primary-yellow);
}

.button-row{
  display: flex;
  flex-direction: row;
}

.footer-text{
  margin-top: 10px;
  color: white;
}