.gratitude-wall {
  .view-gratitude-wall {
    background: #FBF7EE;
    border-radius: 5px;
    margin-bottom:1rem;
    padding: 1.5rem;
    .view-content {
      max-height: 460px;
      overflow-y: auto;
    }
    .views-row {
      border-bottom: 1px solid #89632F;
      margin-bottom: 1rem;
      padding-bottom: 1rem;
    }
    .views-row:last-child {
      border:none;
      margin: 0;
      padding: 0;
    }
    .views-field-webform-submission-value-1 {
      p {
        color: #736950;
      }
    }
    .views-field-webform-submission-value-2 {
      color: #1D5853;
      font-size: .875rem;
      font-style: italic;
      &:before {
        content: '— ';
        display: inline-block;
      }
    }
    @media all and (min-width: 768px) {
      padding: 2rem;
      .views-row {
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
      }
      /* .views-row:last-child {
        border:none;
        margin: 0;
        padding: 0;
      } */
    }
  }
  .webform-submission-gratitude-wall-form {
    border-radius: 5px;
    border: 1px solid rgba(226, 220, 209, 0.5);
    -webkit-box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.02), 0 16px 24px 0 rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.02), 0 16px 24px 0 rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 1.5rem;
    .form-item,
    .form-actions {
      flex: 0 10 100%;
      margin-top: 0;
      width: 100%;
    }
    .form-actions {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 1rem;
      margin: 0;
      .btn {
        width: 100%;
      }
    }
    @media all and (min-width: 768px) {
      padding: 2rem;
      .form-item-name,
      .form-item-email {
        flex: 0 1 50%;
        max-width:50%;
      }
      .form-item-name {
        padding-right: 0.5rem;
      }
      .form-item-email {
        padding-left: 0.5rem;
      }
      .form-actions {
        .btn {
          width: auto;
        }
      }
    }
  }
}