/* FOOTER BASE */
.footer{
  background:#1f1f1f;
  color:#ccc;
  padding-top:30px;
}

/* TOP SECTION */
.footer-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
}

/* SOCIAL ICONS */
.social-icons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.social-icons a{
  display:flex;
  justify-content:center;
  align-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#2c2c2c;
  color:#fff;
  transition:0.3s;
  text-decoration:none;
}

.social-icons a:hover{
  background:#dc2626;
}

/* ACTIVE ICON */
.social-icons .active{
  background:#dc2626;
}

/* AUTH BUTTONS */
.auth-buttons{
  display:flex;
  gap:10px;
}

.btn-login{
  padding:8px 18px;
  border:1px solid #666;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  white-space:nowrap;
}

.btn-login:hover{
  border-color:#fff;
}

.btn-signup{
  padding:8px 18px;
  background:#dc2626;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  white-space:nowrap;
}

.btn-signup:hover{
  background:#991b1b;
}

/* LINKS */
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:15px;
  padding:20px 0;
  text-align:center;
}

.footer-links a{
  color:#aaa;
  font-size:13px;
  text-decoration:none;
}

.footer-links a:hover{
  color:#fff;
}

/* COPYRIGHT */
.footer-copy{
  text-align:center;
  font-size:13px;
  padding:15px 0;
  color:#888;
}

/* LINE */
.footer hr{
  border-color:#333;
}

/* ================= TABLET ================= */
@media(max-width:992px){

  .footer-top{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .auth-buttons{
    justify-content:center;
  }

}

/* ================= MOBILE ================= */
@media(max-width:576px){

  .social-icons{
    justify-content:center;
  }

  .auth-buttons{
    flex-direction:column;
    width:100%;
    align-items:center;
  }

  .btn-login,
  .btn-signup{
    width:80%;
    text-align:center;
  }

  .footer-links{
    gap:10px;
  }

}