
/*=============== FOOTER ===============*/ 
.footer {
  background-color: var(--first-color);
  padding-block: 3rem 2rem;
}

.footer__container,
.footer__content{
  row-gap: 3rem;
}

.footer__logo{
  display: flex;
  align-items: center;
  justify-self: center;
  column-gap: .25rem;
}

.footer__logo img{
  width: 1.5rem;
}

.footer__logo span{
  color: var(--black-color);
  font-weight: var(--font-semi-bold);
}

.footer__social,
.footer__pay,
.footer__form{
  display: flex;
  justify-self: center;
  column-gap: 1rem;
} 

.footer__title {
  font-size: var(--h3-font-size);
  margin-bottom: .75rem;
  text-align: center;
}

.footer__social-link {
  font-size: 1.5rem;
  color: var(--black-color);
  transition: transform .4s;
}

.footer__social-link:hover{
  transform: translateY(-.25rem);
}

.footer__pay-card {
  width: 30px;
}

.footer__form{
  background-color: var(--white-color);
  padding: .5rem;
  border-radius: 1rem;
}

.footer__input {
  width: 100%;
  background: transparent;
  padding-left: .5rem;
  color: var(--black-color);
}

.footer__input::placeholder {
  color: var(--black-color);
}

.footer__button {
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  cursor: pointer;
}

.footer__copy {
  display: block;
  margin-top: 6rem;
  text-align: center;
  font-size: var(--small-font-size);
}
