HOSN-app/app/src/pages/write-tweet/write-tweet.scss

page-write-tweet {
  .padding-0 {
    padding: 0;
  }
  .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .progress {
      display: flex;
      align-items: center;
      .progress-stats {
        margin-left: 5px;
      }
      .background-stroke,
      .progress-stroke {
        fill: transparent;
        stroke-width: 2;
        stroke-dasharray: 50.2654825;
        transition: stroke-dashoffset 0.5s;
        -webkit-animation-play-state: running;
      }
      .background-stroke {
        stroke: #ddd;
      }
      .progress-stroke {
        stroke: blue;
      }
    }
    .network-switch {
      display: flex;
      align-items: center;
      margin-left: 16px;
    }
  }
  ion-icon.warning {
    color: orange;
    animation: pulse 1.8s infinite;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}