.status__wrapper-direct,
.detailed-status-direct,
.notification-ungrouped--direct {
  background-image: linear-gradient(
    0.625turn,
    #8c8dff 3.5rem,
    transparent 3rem
  );
}

.detailed-status-direct .fa-at::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: '';
    display: inline-block;
    background: #f15f5a;
    order: 1;
    animation: pulse-animation 2s infinite;
}

.detailed-status-direct .fa-at::before {
    order: 2;
}

.detailed-status-direct .fa-at {
    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);
  }
}


