/* 💥💥💥FOOTER💥💥💥 */
footer {
  display: grid;
  gap: 2.5rem;
  color: #fff;
  background-color: #706fab;
  padding-block: 2.5rem;
  margin-top: 2.5rem;
  /* padding-top: 2.5rem ; */
  /* padding-bottom: 2.5rem ; */
  padding-left: 80px;
  padding-right: 80px;
}
.footer-col {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  /* background-color: pink; */
}
.space-y {
  margin-bottom: 20px;
}

.partner-btn {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  cursor: pointer;
  color: white;
  background-color: #76b99a;
  /* font-weight: 600; */
  /* background-color: yellow; */
  /* color: black; */
  border-radius: 0.5rem;
  padding: 0.5rem;
  white-space: nowrap;
  font-weight: 500;
}
.partner-btn:hover {
  background-color: #83d4ae;
}

@media (width >= 40rem /* 640px */) {
  footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 48rem /* 768px */) {
  footer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 40rem /* 640px */) {
  footer {
    padding-inline: calc(var(--spacing) * 5) /* 1.25rem = 20px */;
  }
}
@media (width >= 48rem /* 768px */) {
  footer {
    padding-inline: 3rem;
  }
}

@media (width >= 40rem /* 640px */) {
  .footer-col {
    padding-inline: 4rem;
  }
}