.elementor-6715 .elementor-element.elementor-element-ad46bdb{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-65e2e80 */<style>
   .izzy-cupons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  padding: 10px 0;
}

/* estrutura */
.izzy-cupom-card {
  display: flex;
  background:#fff ;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
 
  transition: all .25s ease;
  position: relative;
}
.izzy-cupom-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

/* recortes */
.izzy-cupom-card::before,
.izzy-cupom-card::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: #444;
  border: 1px solid #ddd;
  border-radius: 50%;
  left: 42%;
  transform: translateX(-50%);
  z-index: 2;
}
.izzy-cupom-card::before { top: -9px; }
.izzy-cupom-card::after { bottom: -9px; }

/* --- lado esquerdo --- */
.cupom-left {
  width: 42%;
  padding: 18px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  position: relative;
}
.cupom-left img {
  width: 42px;
  height: 42px;
  margin-bottom: 6px;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
.cupom-left .cupom-valor {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.cupom-left .cupom-minimo {
  font-size: 12.5px;
  opacity: 0.9;
}

/* cor dinâmica */
.cupom-desconto .cupom-left { background: linear-gradient(135deg, #ff2d55, #ff6fa3); }
.cupom-frete .cupom-left { background: linear-gradient(135deg, #16a34a, #22c55e); }

/* --- lado direito --- */
.cupom-center {
  flex: 1;
  background: #fff;
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cupom-desc { font-size: 13px; color: #333; font-weight: 500; margin-bottom: 4px; }
.cupom-tag { font-size: 12px; color: #777; margin-bottom: 8px; }
.cupom-timer {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #ff2d55;
  font-weight: 400;
  background: rgba(255,45,85,0.08);
  border-radius: 8px;
  padding: 4px 8px;
  width: fit-content;
}
.cupom-timer img { width: 15px; height: 15px; }
.cupom-right { margin-top: 10px; }
.cupom-btn {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all .25s ease;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.cupom-btn:hover { background: #ff2d55; transform: scale(1.05); }

/* status */
.cupom-ativo { border-left: 4px solid #ff2d55; }
.cupom-usado { opacity: .7; filter: grayscale(.4); }
.cupom-expirado { opacity: .5; filter: grayscale(1); }

/* responsivo */
@media(max-width:600px){
  .izzy-cupom-card { flex-direction: column; }
  .cupom-left { width: 100%; border-radius: 14px 14px 0 0; }
  .cupom-center { padding: 16px; }
  .izzy-cupom-card::before,
  .izzy-cupom-card::after { display: none; }
}

  </style>/* End custom CSS */