.wtps-quote {
    color: var(--quotecolor);
    max-width: var(--quotewidth);
    width: 100%;
}

.wtps-quote .wtps-quote-text {
    width: 100%;
    font-size: var(--quotetextsize);
}

/* .layoutElement:has(.wtps-quote) {
    width: fit-content !important;
} */

/* PREDETERMINADO */
.wtps-quote-default {
    width: 100%;
    display: flex;
}

.wtps-quote-default .wtps-quote-container {
    width: 100%;
    padding-left: calc(var(--quotetextsize) * 1.3);
    border-left: calc(var(--quotetextsize) * 0.3) solid var(--quotecolorenfasis);
}
/* (end) PREDETERMINADO */

/* MODERN */
.wtps-quote-modern {
    width: 100%;
}

.wtps-quote-modern svg {
    width: calc(var(--quotetextsize) * 2);
    height: calc(var(--quotetextsize) * 2);
    fill: var(--quotecolorenfasis);
    flex-shrink: none;
}

.wtps-quote-modern .wtps-quote-container {
    width: 100%;
    display: flex;
    gap: calc(var(--quotetextsize) * 0.5);
}
.wtps-quote-modern .wtps-quote-text {
    padding-top: var(--quotetextsize);
    min-width: 100px;
}

@media (max-width: 767px) {
    .wtps-quote-modern .wtps-quote-container {
        flex-direction: column;
    }
    .wtps-quote-modern .wtps-quote-text {
        padding-top: 0;
        padding-left: var(--quotetextsize);
    }
}
/* (end) MODERN */