.work .board-reset {
  position: absolute;
  top: 43px;
  right: 4%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 3px;
  border: 0;
  background: transparent;
  color: #ff3b30;
  transform: rotate(-4deg);
  transition: transform .2s;
}
.work .board-reset:hover { transform: rotate(-20deg) scale(1.08); }
.work .board-reset svg { width: 36px; height: 36px; }
.work .board-reset svg path { stroke: currentColor; stroke-width: 2.35; stroke-linecap: round; stroke-linejoin: round; }
.work .sound-enable {
  position: absolute;
  top: 45px;
  right: calc(4% + 54px);
  z-index: 4;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 3px;
  border: 0;
  background: transparent;
  color: #ff3b30;
  cursor: pointer;
}
.work .sound-enable svg { width: 32px; height: 32px; transform: rotate(-6deg); transition: transform .2s; }
.work .sound-enable svg path { stroke: currentColor; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; }
.work .sound-enable:hover svg,
.work .sound-enable:focus-visible svg { transform: rotate(5deg) scale(1.08); }
.work .sound-enable:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 8px; }
.work .sound-enable.enabled svg { filter: drop-shadow(0 0 3px rgb(255 59 48 / 35%)); }

@media (max-width: 640px) {
  .work .board-reset { top: 42px; right: 5%; width: 44px; height: 44px; }
  .work .sound-enable { top: 44px; right: calc(5% + 48px); }
}