#hierarhija-container {
  /*****   button groups   *****/
  .btn {
    padding: .2rem .6rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    cursor: pointer;
    display: inline-block;
    background-color: $svetlo_modra;
    border-radius: 20px;
    border: 1px $svetlo_modra solid;
  }

  /* moder */
  .btn-moder {
    color: #ffffff;
    background-color: $modra;
    background-image: none;
    border-color: darken($modra, 0.1);

    &:hover {
      background-color: $oranzna;
      border-color: darken($oranzna, 0.08);
    }
  }

  /* moder outline */
  .btn-moder-outline {
    color: $modra;
    background-color: #ffffff;
    background-image: none;
    border-color: #24467C;

    &:hover {
      color: #fff;
      background-color: $modra;
      border-color: #24467C;
    }
  }

  /* rdeč */
  .btn-rdec {
    color: #fff;
    background-color: #fa4913;
    border-color: #E13000;
    background-image: none;

    &:hover {
      color: #fa4913;
      background-color: #ffffff;
      border-color: #fa4913;
    }
  }

  /* rdeč outline */
  .btn-rdec-outline {
    color: #fa4913;
    background-color: #ffffff;
    background-image: none;
    border-color: #fa4913;

    &:hover {
      color: #fff;
      background-color: #fa4913;
      border-color: #fa4913;
    }
  }
  /***** END button groups *****/

  .link {
    color: $modra;
    cursor: pointer;

    &:hover {
      color: $oranzna;
    }
  }
}