.quote-simple--container { padding: 0 16px; }

@media screen and (min-width: 1280px) { .quote-simple--container { padding: 0; } }

.quote-simple--quote { font-size: 1.5rem; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 32px; }

@media screen and (min-width: 1024px) { .quote-simple--quote { font-size: 2rem; } }

.quote-simple--informations { display: flex; flex-direction: column; gap: 4px; }

@media screen and (min-width: 1024px) { .quote-simple--informations { flex-direction: row; align-items: center; gap: 16px; } }

.quote-simple--informations img { width: 56px; height: 56px; border-radius: 50%; }

.quote-simple--informations .author { display: flex; align-items: center; gap: 16px; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 180%; }

.quote-simple--informations .author::after { content: ''; width: 6px; height: 6px; background: white; }

.quote-simple--informations .job { font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 180%; }
