.arti-eksi-wrap{text-align:center;margin:80px 0}
.arti-eksi-title{font-size:30px;font-weight:700;margin-bottom:36px;color:#111}
.arti-eksi-buttons{display:flex;justify-content:center;gap:32px}

.arti-eksi-buttons button{
  position:relative;
  width:60px;
  height:60px;
  border-radius:16px;
  border:none;
  background:linear-gradient(180deg,#1f2933,#0f172a);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  overflow:hidden;
}

.symbol{
  font-size:48px;
  font-weight:700;
  color:#fff;
  pointer-events:none;
}

.feedback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:40px;
  opacity:0;
  pointer-events:none;
}

.counter{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  font-weight:700;
  color:#fff;
  opacity:0;
  pointer-events:none;
}

button.active .symbol{opacity:0}
button.show-count .counter{opacity:1}
button.flash .feedback{
  opacity:1;
  animation:pulse .35s ease;
}

@keyframes pulse{
  0%{transform:scale(.6)}
  100%{transform:scale(1)}
}

button.active{
  background:linear-gradient(180deg,#7fae3b,#5f7f2e);
}