.user-dashboard {
  &.announcements {
    .item {
      @include boxShadow(0 4px 8px rgba(#000, 0.1));
      @extend %defaultBorderRadius;
      @extend %defaultTransition;
      padding: 10px;
      margin-bottom: 10px;

      &.active {
        background: rgba(green, 0.1);
      }

      &.unread {
        background: rgba(orange, 0.1);
      }

      div {
        border-top: none !important;
        background: transparent !important;
        border-bottom: none !important;
      }

      .el-collapse-item__content {
        background: rgba($theme, 0.05) !important;
        @extend %defaultBorderRadius;
        padding: 10px;
      }
    }
  }
}
