:root {
  --text-color: #0c2340;
  --background-color: #f1f2f4;
  --border-color: #ff8300; }

.article-framed-phrase {
  background-color: var(--background-color);
  padding: 65px 0;
  margin: 45px 0; }
  .article-framed-phrase__text {
    max-width: 580px;
    padding: 0 50px;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    color: var(--text-color); }
    .article-framed-phrase__text--bordered::before, .article-framed-phrase__text--bordered::after {
      content: '';
      position: absolute;
      width: 70px;
      height: 16px; }
    .article-framed-phrase__text--bordered::before {
      border-radius: 30px 0 0;
      left: -10px;
      top: -20px;
      border-top: 2px solid var(--border-color);
      border-left: 2px solid var(--border-color); }
    .article-framed-phrase__text--bordered::after {
      border-radius: 0 0 30px;
      right: -10px;
      bottom: -20px;
      border-bottom: 2px solid var(--border-color);
      border-right: 2px solid var(--border-color); }
    .article-framed-phrase__text--bordered * {
      margin: 0; }

/*# sourceMappingURL=articleFramedPhrase.css.map*/