/* ボタン外枠 */

.z_btn_fadewrap {
  position: relative;
  width: 170px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-decoration: none;
}

/* 背景SVGレイヤー（2枚重ね） */

.z_btn_fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.35s ease-in-out;
}

/* 通常時の背景 */

.z_btn_fade.normal {
  background-image: url('../img/z_button_010_normal.svg');
  opacity: 1;
}

/* ホバー時にフェードインする背景 */

.z_btn_fade.hover {
  background-image: url('../img/z_button_010_hover.svg');
  opacity: 0;
}

/* ホバーしたらクロスフェード */

.z_btn_fadewrap:hover .hover {
  opacity: 1;
}

.z_btn_fadewrap:hover .normal {
  opacity: 0;
}

/* テキスト（前面） */

.z_btn_label {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  z-index: 2;
  user-select: none;
}