@import url(https://fonts.googleapis.com/css?family=Satisfy);
.postit2 .sticky-container {
    width: 100%; /* Permite que o container ocupe 100% da largura disponível */
    max-width: 270px;
    position: relative;
  }
  
  .postit2 .sticky-outer {
    display: flex;
    width: 100%;
    height: auto; /* Remove a altura fixa para permitir que o post-it cresça */
    position: relative;
  }
  
  .postit2 .sticky {
    position: relative; /* Altera para "relative" para permitir o crescimento do conteúdo */
    width: 100%;
  }
  
  .postit2 .sticky-content {
    background: linear-gradient(
      180deg,
      rgba(187, 235, 255, 1) 0%,
      rgba(187, 235, 255, 1) 12%,
      rgba(170, 220, 241, 1) 75%,
      rgba(195, 229, 244, 1) 100%
    );
    padding: 10px; /* Adiciona padding interno */
    box-sizing: border-box;
    font-family: Satisfy;
    font-size: clamp(1rem, 2.5vw, 1.875rem); /* Tamanho dinâmico da fonte */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Permite que o texto quebre em várias linhas */
    clip-path: url(#stickyClip);
    text-align: center;
  }
  
  
  .postit2 .container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .postit2 .container-inner {
    width: 100%;
    max-width: 270px;
    margin: 25px;
    display: flex;
    justify-content: center;
  }
  
  @media screen and (min-width: 640px) {
    .postit2 .sticky-content {
      font-size: clamp(1rem, 2vw, 1.5rem); /* Tamanho dinâmico da fonte */
    }
  }
  
  @media screen and (min-width: 1024px) {
    .postit2 .sticky-content {
      font-size: clamp(1rem, 1.5vw, 1.875rem); /* Tamanho dinâmico da fonte */
    }
  }