CSS GENERATOR

/* CSS gerado pelo Blueprint Blog CSS Generator */
.generated-element {
  /* Box Shadow */
  box-shadow: 0px 4px 6px -1px #00000025;
  
  /* Border */
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  
  /* Background */
  background: #ffffff;
  
  /* Transform */
  transform: scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
  
  /* Base styles */
  padding: 24px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect */
.generated-element:hover {
  transform: scale(1) rotate(0deg) skewX(0deg) skewY(0deg) translateY(-2px);
  box-shadow: 2px 6px 8px -3px #00000025;
}

/* Responsive */
@media (max-width: 768px) {
  .generated-element {
    padding: 16px;
    border-radius: 4px;
  }
}