.exp{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem;

    gap: 3rem;
}

.exp h2{
    font-size: 1rem;
  background: var(--text);
  background: linear-gradient(
    to left,
    #445f00 0%,
    #87ad25 30%,
    var(--text) 70%,
    var(--text) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.exp p{
    font-size: 1.4rem;
    width: 70%;
    line-height: 2.2rem;
}

.btn{
  border: none;
  outline: none;
  padding: 1rem 2rem;
  border-radius: 2em;
  color: var(--light1);
  background:var(--text);
  background: linear-gradient(
    60deg,
    #445f00 0%,
    #a7ce43 30%,
    var(--text) 70%,
    var(--text) 100%
  );
  color: var(--black);

  transition: .3s ease-in-out;
}


@media (max-width: 768px) {
    .exp{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;

    gap: 2rem;
    
}
.exp p{
    font-size: 1.4rem;
    width: 100%;
    line-height: 2.2rem;
    text-align: center;
}
}