.ppm-canva-preview {
  position: relative;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: #f4f4f4;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgb(63 69 81 / 16%);
}

.ppm-canva-preview__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.ppm-canva-preview__button {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  min-height: 0;
  padding: 0.32rem 0.7rem;
  font-size: 0.78rem;
  line-height: 1.3;
  opacity: 0.85;
  pointer-events: none;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: rgb(17 17 17 / 86%);
  font: inherit;
  cursor: pointer;
  box-shadow: 0 2px 12px rgb(0 0 0 / 24%);
}

.ppm-canva-preview__button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.ppm-canva-preview iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: 0;
}

.ppm-canva-preview:hover .ppm-canva-preview__button {
  opacity: 1;
}

@media (max-width: 767px) {
  .ppm-canva-preview__button {
    right: 0.4rem;
    bottom: 0.4rem;
    padding: 0.3rem 0.62rem;
    font-size: 0.74rem;
  }
}

/* 權重 (0,2,0)：勝過佈景主題 reset.css 的 `button` 與
   Elementor Kit 的 `.elementor-kit-25286 button` (0,1,1)。 */
.ppm-canva-preview .ppm-canva-preview__button {
  padding: 0.3rem 0.68rem;
  font-size: 0.78rem;
  line-height: 1.35;
  border-radius: 999px;
  background: rgb(17 17 17 / 78%);
  color: #fff;
}

@media (max-width: 767px) {
  .ppm-canva-preview .ppm-canva-preview__button {
    padding: 0.28rem 0.6rem;
    font-size: 0.72rem;
  }
}