a{
    /*font-size:13px;*/
    /*height:26px;*/
    /*padding:1px 6px !important;*/
    /*line-height:13px;*/
}
/*button,*/
.button
{
    border: none;
    /*border: 2px solid black;*/
    /*border: 2px solid white;*/
    /*background-color: var(--yellow);*/
    /*background-color: grey;*/
    background-color:rgb(240, 240, 240);
    background-color:#0c0c0c;
    color:white;
    /*padding:1px 6px;*/
    padding:0px;
    text-decoration:none;
    font-size:10px;
    font-weight:600;
    /*font-family:"Arial";*/

    /*line-height:13px;*/
    text-transform:uppercase;
    height:var(--block1);
    /*width:var(--block1);*/
    /*min-width:26px;*/
    display:flex;
    align-items:center;
    justify-content:center;
    
    /*border-radius:13px;*/
    
    /*text-indent: -9999px;*/

    /*font-style:italic;*/
    /*padding: 8px 12px;*/
    /*background-color: blue;*/
    /*border: solid 4px #ddd;*/
    /*border:none;*/
    /*border-radius:12px;*/
    /*outline: none;*/
    /*color: #ddd;*/
    /*margin-right:1px;*/
    /*margin-bottom:1px;*/
    /*border: 1px solid var(--border-dark);*/
    border-right: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    

    /*text-transform: uppercase;*/
    cursor: pointer;            
    /*background: grey;*/
    /*color: white;*/
    z-index:1;
}

 button:active,
.close:active,
.button:active,
.button-circle:active
{
  transform: translateY(2px);
}

.button-circle{

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 100%;    
    
    background-position:center;
    background-repeat:no-repeat;
    background-size: 60%;
    border-radius:50%;
      
}
.button-circle svg{
  fill:white;
  width:13px;
  height:13px;
}


 /*button, */
.button,
 /*button .txt,*/
.button .txt{
  position:relative;
  /*-webkit-text-stroke: 1px black;*/
  /*text-shadow: -2px 3px 0px black;      */
  /*paint-order: stroke fill;*/
  /** /
  text-shadow:
    -1px -1px 0 var(--tshadow),
     0px -1px 0 var(--tshadow),
     1px -1px 0 var(--tshadow),
     1px  0px 0 var(--tshadow),
     1px  1px 0 var(--tshadow),
     0px  1px 0 var(--tshadow),
    -1px  1px 0 var(--tshadow),
    -1px  0px 0 var(--tshadow);
    /**/

}

 button.on,
.button.on {
    background: var(--red);
    color:white;

}
        
 button.on:before,
.button.on:before, 
 button.on .txt:before,
.button.on .txt:before { 
  /*-webkit-text-stroke: 1px yellow;*/
  /*content: attr(data-content);*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*z-index: -1;*/
  /*transform:translate(-50%,-50%);*/
}        


.pointer{
	cursor:pointer;
}

/**************/