/* ........................................
//
// ボタンの部分
//
// ......................................... */

.btn-wrap {
  margin-top: 24px;
}

.btn-wrap.center {
  text-align: center;
}

.btn-wrap.mt-48 {
  margin-top: 48px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--Main);
  color: var(--White);
  line-height: var(--line-height-180);
  font-size: var(--font-size-16);
  cursor: pointer;
}


/* .btn.dl {
  padding: 24px;
} */


.btn.delete-entry {
  background-color: #7C7669;
  margin-bottom: 16px;
}

.btn.delete-entry-back-blade {
  background-color: #7C7669;
  margin-bottom: 16px;
}

.btn.accent {
  background-color: var(--Accent);
}

.btn.back {
  background-color: #7C7669;
  width: 320px;
  height: 66px;
  position: relative;
}
.btn-icon-ab{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 13px;
}

.btn-re{
  position: relative;
}

.btn-icon-ab2{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
}
.btn.dl {
  background-color: var(--Important);
  height: 70px;
}

.btn.dl.cart {
  padding: 10px;
  gap: 4px; 
}

.btn.dl.cart  {
  padding: 10px;
  gap: 4px; 
}

.btn-icon {
  gap: 12px; 
}

.btn-label{
  white-space: nowrap;
}

.btn-icon-img img {
  display: block;
  width: 24px;
  height: 24px;
}

.btn-icon-img.cart-arrow img {
  display: block;
  width: 9px;
  height: 12px;
}