/* Toot button */
.compose-form__publish-button-wrapper > .button.button--block, .ui__header__links > .button[href="/publish"] {
  font-size: 0 !important;
}

.compose-form__publish-button-wrapper > .button.button--block::after, .ui__header__links > .button[href="/publish"]::after {
  content: "Toot! 🐘💨";
  text-transform: none;
  font-size: 15px;
  position: relative;
  bottom: -1px;
}

/* Private Messages Indicator */
.fa[title="Mentioned people only"]::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: '';
    display: inline-block;
    background: #f15f5a;
    order: 1;
    animation: pulse-animation 2s infinite;
}

.fa[title="Mentioned people only"]::before {
    order: 2;
}

.fa[title="Mentioned people only"] {
    color: #f15f5a;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transform: translateY(-2px);
}

.status-direct .status__relative-time {
    color: #f15f5a;
    display: inline-flex;
    align-items: center;
}

.status__visibility-icon {
    display: inline-flex;
    align-items: center;    
    padding-top: 0;
    margin-top: 0;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(241, 95, 90, 0.5);
  }
    
  100% {
    box-shadow: 0 0 0 10px rgba(241, 95, 90, 0);
  }
}