@charset "UTF-8";
/* CSS Document */


.box.win95box {
  background: #4f575c; background: var(--dark-color);
}

.win95 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);  width: 224px;
  height: 63px;
  text-align: center;
  padding: 6px;
  color: #fff; color: var(--light-color);
  font-family: sans-serif;
  font-size: 19px;
  display:inline-block;
  margin: auto;
  -webkit-box-shadow: inset -1px     -1px 0px 0px rgba(0,0,0,1);
  -moz-box-shadow: inset -1px -1px   0px 0px rgba(0,0,0,1);
  box-shadow: inset -1px -1px 0px     0px rgba(0,0,0,1);
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;         
  cursor: pointer;
}
.win95line {
  border: 1px dotted #dbdbdb; border: 1px dotted var(--light-color);
  width: 100%;
  height: 49px;
  padding: 12px 0;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;         
}
.win95:hover .win95line{
 border: 1px dotted #000;
}

.win95:active {
  left: 2px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-49%);
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);}

.win95:active:after {
  width: 225px;
  height: 64px;
  bottom: 1px;
}

.win95::before {
  width: 224px;
  height: 63px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  content: '';
  z-index; -1;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255,255,255,.4);
  -moz-box-shadow: -1px -1px 0px 0px rgba(255,255,255,.4);
  box-shadow: -1px -1px 0px 0px rgba(255,255,255,.4);
}
.win95::after {
  width: 226px;
  height: 65px;
  position: absolute;
  bottom: 0px;
  left: -2px;
  content: '';
  z-index; -1;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,1);
  -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,1);
  box-shadow: 1px 1px 0px 0px rgba(0,0,0,1);
}