.link{
  padding: 2rem;
  background-color: var(--color-general);
  color: wheat;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  border-radius: 3rem;
}
.link:hover{
  color: var(--color-general);
  background-color: wheat;

}
.buttonInfosheader{
  display: flex;
  align-items: center;

  gap: 5rem;
  margin-bottom: 5rem;
}
.buttonInfosheader > div{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 650px) {
.buttonInfosheader {

flex-direction: column-reverse;
}

}
    .buttonInfos{

    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;

    }
    .buttonInfos > div {


            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        p{
          font-size: 1.3rem;
              line-height: 2rem;
        }