.pdp-canvas-btn-wrapper {
  background: #fff;
  position: absolute;
  right: 8px;
  bottom: 8px;

  @media screen and (min-width: 1025px) {
    bottom: auto;
    top: 8px;
  }
}

.pdp-canvas-label {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
  color: var(--btn_primary_on_light_bg, #000);
  white-space: nowrap;
}

.canvas-btn-modal {
  display: flex;
  padding: 4px 8px;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;

  *:first-child {
    margin-right: 8px;
  }

  &:hover {
    background-color: var(--btn_primary_hover_bg, #f0f0f0);
  }
}