.btn-primary2:hover {
background: var(--color-26);
color: var(--color-27);
text-decoration: none;
}
.btn-primary2 {
  color: var(--color-20);
  background-color: var(--color-22);
  border: 1px solid var(--color-22);
}

.btn-primary2:hover {
  color: var(--color-20);
  background-color: var(--color-29);
}

.btn-primary2:active {
  color: var(--color-20);
  background-color: var(--color-30);
  text-decoration: none;
}

.btn-primary2.active {
  color: var(--color-20)!important;
  background-color: var(--color-22)!important;
}
 .btn2{display:inline-block;font-weight:400;color:var(--btn2-color);text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:8px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
 
 .app_up {
color: var(--color-39);
font-size: 15px;
font-weight: bold;
}
.app_up_no {
color: var(--color-40);
font-size: 15px;
}


.btn > .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: .375rem .75rem;
    background: var(--color-42);
    border-radius: .25rem 0 0 .25rem;
}

.infapp2 {
color: var(--body-text);
font-size:8px;
text-align: center;
}
.infapp {
color: var(--body-text);
font-size: 14px;
font-weight: 600;
text-align: center;
}
.infapp3 {
font-size: 10px;
}

.infapp4 {
font-size: 10px;
font-weight:600;
}


.app-icon {
}

.app-inf {
display: flex;
padding: 4px 10px;
border-radius:.25rem;
background:var(--color-52);
}
.app-inf-new {
color: var(--color-53);
background:var(--color-54)!important;
}
.app-inf-up {
color: var(--color-55);
background:var(--color-56)!important;
}