body{
  margin: 0;
  min-height: 100vh;
  background: url("tlo.avif") center/cover no-repeat;
  font-family: Arial, sans-serif;
}

.button, button{
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 2px solid rgba(255,255,255,0.35);
  background: rgba(0,0,0,0.35);
  color: #fff;

  cursor: pointer;
  border-radius: 0; 
  user-select: none;
  transition: transform 0.08s ease, background 0.2s ease, border-color 0.2s ease;
}

.button:hover, button:hover{
  background: rgba(0,0,0,0.5);
  border-color: rgba(255,255,255,0.7);
}

.button:active, button:active{
  transform: scale(0.98);
}