/* MyPouf Journal3 Custom Options Button v1.9 */
.mypouf-dimensions-choice,
.product-layout .mypouf-dimensions-choice,
.product-grid .mypouf-dimensions-choice,
.product-list .mypouf-dimensions-choice {
  display:block !important;
  clear:both !important;
  width:100% !important;
  margin:0 0 7px !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.mypouf-dimensions-btn,
.product-layout .mypouf-dimensions-btn,
.product-grid .mypouf-dimensions-btn,
.product-list .mypouf-dimensions-btn {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:100% !important;
  min-height:38px !important;
  padding:7px 11px !important;
  margin:0 !important;
  border:1px solid #16834f !important;
  border-radius:8px !important;
  background:#16834f !important;
  background-image:linear-gradient(135deg,#16834f 0%,#0f6f41 100%) !important;
  box-shadow:0 2px 8px rgba(15,111,65,.16) !important;
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease !important;
}

.mypouf-dimensions-btn .mypouf-dimensions-icon {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
}

.mypouf-dimensions-btn .mypouf-dimensions-icon svg {
  display:block !important;
  width:12px !important;
  height:12px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.mypouf-dimensions-btn .mypouf-dimensions-text {
  display:inline !important;
  color:#fff !important;
  font:inherit !important;
  line-height:inherit !important;
}

.mypouf-dimensions-btn:hover,
.mypouf-dimensions-btn:focus {
  background:#0f7545 !important;
  background-image:linear-gradient(135deg,#0f7545 0%,#0b6038 100%) !important;
  box-shadow:0 4px 12px rgba(15,111,65,.22) !important;
  color:#fff !important;
  text-decoration:none !important;
}

@media (max-width:768px) {
  .mypouf-dimensions-choice,
  .product-layout .mypouf-dimensions-choice,
  .product-grid .mypouf-dimensions-choice,
  .product-list .mypouf-dimensions-choice {
    margin:0 0 5px !important;
  }

  .mypouf-dimensions-btn,
  .product-layout .mypouf-dimensions-btn,
  .product-grid .mypouf-dimensions-btn,
  .product-list .mypouf-dimensions-btn {
    min-height:30px !important;
    padding:5px 7px !important;
    gap:5px !important;
    border-radius:7px !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  .mypouf-dimensions-btn .mypouf-dimensions-icon {
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    flex-basis:17px !important;
  }

  .mypouf-dimensions-btn .mypouf-dimensions-icon svg {
    width:10px !important;
    height:10px !important;
  }
}