.quote {
    max-width: 400px; /* Maximális szélesség csökkentése */
    margin: 120px auto; /* Középre igazítás és függőleges margók hozzáadása */
    padding: 20px;
    border: 1px solid #ddd; /* Szegély beállítása */
    border-radius: 8px; /* Lekerekített sarkok */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Árnyék hozzáadása */
    -webkit-box-shadow:0px 0px 39px 3px rgba(31,87,255,0.45);
    -moz-box-shadow: 0px 0px 39px 3px rgba(31,87,255,0.45);
    box-shadow: 0px 0px 39px 3px rgba(31,87,255,0.45);
    border: 1px solid var(--light-main-color);
}

.quote h2 {
    text-align: center; /* Középre igazítás */
    margin-bottom: 10px; /* Alsó margó csökkentése */
    border: none;
}

.quote label {
    display: block; /* Blokkszintű elem */
    margin-bottom: 5px; /* Alsó margó csökkentése */
    font-weight: bold; /* Félkövér betű */
}

.quote input,
.quote select,
.quote textarea {
    width: 100%; /* Szélesség beállítása */
    padding: 8px; /* Párnázás csökkentése */
    margin-bottom: 15px; /* Alsó margó csökkentése */
    border: 1px solid #ccc; /* Szegély */
    border-radius: 4px; /* Lekerekített sarkok */
    box-sizing: border-box; /* Box sizing beállítása */
    font-size: 14px; /* Betűméret csökkentése */
}

.quote textarea {
    height: 100px; /* Kezdeti magasság */
    resize: none; /* Átméretezés letiltása */
    overflow-y: hidden; /* Függőleges görgetés elrejtése */
}



















/* From Uiverse.io by adamgiebl */ 
.quote button {
    font-family: inherit;
    font-size: 20px;
    background: var(--main-color);
    color: white;
    padding: 0.7em 1em;
    padding-left: 0.9em;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s;
    cursor: pointer;
}
  
.quote button span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
}
  
  .quote button svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
  }
  
  .quote button:hover .svg-wrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
  }
  
  .quote button:hover svg {
    transform: translateX(1.2em) rotate(45deg) scale(1.1);
  }
  
  .quote button:hover span {
    transform: translateX(5em);
  }
  
  .quote button:active {
    transform: scale(0.95);
  }
  
  @keyframes fly-1 {
    from {
      transform: translateY(0.1em);
    }
  
    to {
      transform: translateY(-0.1em);
    }
  }