Modelo:Cita/styles.css

.flexquote {
  display: flex;
  flex-direction: column;
  background-color: #F9F9F9;
  border-left: 3px solid #c8ccd1;
  font-size: 90%;
  margin: 1em 4em;
  padding: .4em .8em;
}
.flexquote > .flex {
  display: flex;
  flex-direction: row;
}
.flexquote > .flex > .quote {
  width: 100%;
}
.flexquote > .flex > .separator {
  border-left: 1px solid #c8ccd1;
  border-top: 1px solid #c8ccd1;
  margin: .4em .8em;
}
.flexquote > .cite {
  text-align: right;
}
@media all and (max-width: 600px) {
  .flexquote > .flex {
    flex-direction: column;
  }
}