mailpoet close css

/* 弹窗的基本样式 */

.mp_form_popup1 {

  transition: all 0.3s ease; /* 为弹窗的过渡动画添加平滑效果 */

  position: fixed;

  bottom: 20px; /* 放置在屏幕底部 */

  right: 20px; /* 放置在屏幕右侧 */

  z-index: 9999;

  width: 300px;

  height: 400px;

  background-color: #fff;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

  border-radius: 8px; /* 圆角效果 */

}

/* 弹窗缩小到侧边栏的状态 */

.mp_form_popup1.minimized {

  width: 60px; /* 缩小后的宽度 */

  height: 60px; /* 缩小后的高度 */

  bottom: 20px; /* 保持底部位置 */

  right: 20px; /* 保持右侧位置 */

  border-radius: 50%; /* 圆形样式 */

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

  cursor: pointer; /* 鼠标悬停时显示点击效果 */

}

/* 关闭按钮的样式 */

.mp_form_popup1.mailpoet_form_close_icon {

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

  font-size: 20px;

  color: #333;

}