h3,
p {
  margin-top: 50px;
}
.botao-iptu {
  font-size: 1.125rem;

  position: relative;

  display: flex;
  place-self: center;
  gap: 5px;

  padding: 10px 20px;
  border: 1px solid var(--verde-escuro);
  border-radius: 10px;
  width: fit-content;

  background-color: transparent;
  color: var(--verde-escuro);
  overflow: hidden;
  text-decoration: none;
  transition: 500ms;

  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 150%;
    height: 150%;
    z-index: -1;
    transition: 500ms;
    background-color: var(--verde-escuro);
    border-radius: 50%;
    padding-bottom: 150%;
  }

  &:hover {
    color: white;

    &::before {
      background-color: var(--verde-escuro);
      z-index: -1;
      transform: translate(-50%, -50%) scale(1);
      border-radius: 50%;
    }
  }
}

.container-conteudo {
  h3 {
    text-align: start;
  }
  .nfse-imagem {
    margin: 0;
    margin-left: auto;
    img {
      width: auto;
      height: 350px;
    }
  }
}
.container-locais {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
  gap: 20px;
  .container-local {
    padding: 20px;
    border: 1px solid #00000033;
    border-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    .imagem-card {
      display: flex;
      width: 100px;
      place-self: center;
      border-radius: 10px;
    }
    .svg-card {
      min-width: 100px;
      max-width: 100px;
    }
    .texto-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;

      p {
        margin: 0;
        &:first-of-type {
          margin-top: 20px;
        }
      }
    }
  }
}

@media (max-width: 700px) {
  .container-conteudo {
    .nfse-imagem {
      display: none;
    }
  }
  .container-locais {
    grid-template-columns: 1fr;
  }
}
