/* BOTONES */

.button {
  background-color: #fc8eac;
  &:active,
  &:focus,
  &:hover {
    background-color: #de5d83;
  }

  &.button-secondary {
    background-color: #fc8eac;
    color: white;
    border: 0px;
    &:active,
    &:focus,
    &:hover {
      background-color: #de5d83;
    }
  }

  &.button-tertiary {
    border: 1px solid #fc8eac;
    color: white;
    &:active,
    &:focus,
    &:hover {
      background-color: #de5d83;
    }
  }
}

.simple_form {
  &.button {
    background: #fc8eac;
    &:active,
    &:focus,
    &:hover {
      background-color: #de5d83;
    }
  }
}

/* boton de boost */
/* herramienta para encontrar el filtro: https://codepen.io/sosuke/pen/Pjoqqp */
button.icon-button.active i.fa-retweet {
  filter: invert(55%) sepia(54%) saturate(2650%) hue-rotate(308deg) brightness(93%) contrast(87%);
}

/* LINKS */

.status__content a {
  color: #fc8eac;
  &:hover {
    color: #de5d83;
  }
  &:focus {
    outline: 1px solid #de5d83;
  }
}

.status__content a.unhandled-link {
    color: #b07cda;
  &:hover {
    color: #9957cd;
  }
  &:focus {
    outline: 1px solid #9957cd;
  }
}

.status__content__read-more-button, .status__content__translate-button {
  color: #fc8eac;
  &:hover {
    color: #de5d83;
  }
}

a.status-card {
  cursor: pointer;

  &:hover,
  &:focus,
  &:active {
    .status-card__title,
    .status-card__host,
    .status-card__author,
    .status-card__description {
      color: #de5d83;
    }
  }
}

/* BORDES */

/* notificacion nueva, lado izquierdo */
.notification.unread:before, .status__wrapper.unread:before {
    border-inline-start-color: rgb(222, 93, 131);
}

/* menu de notificaciones, linea abajo de los botones */
.notification__filter-bar button.active:before {
    background: #fc8eac;
}

/* menu de live feeds, linea abajo de los botones */
.account__section-headline a.active:before
{
  background: #fc8eac;
}

/* TEXTOS */

/* botones back */
.column-header {
  &.column-header__back-button {
    color: white;
  }
}
.column-header>.column-header__back-button {
    color: #fc8eac;
}

/* iconos en notificaciones */
.notification__message .fa {
  color: #de5d83;
}

/* UNSORTED */

.rules-list li:before {
    background: #fc8eac;
}

.column-link--transparent.active {
  color: #fc8eac;
}

.account-role {
    border: 1px solid #de5d83;
    color: #fc8eac;
}

.column-header__back-button
{
  color: #fc8eac;
}

.about__section__title {
  color: #fc8eac;
}


.icon-button.active {
   color: #de5d83;
}