*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    display: flex;
    justify-content: center;
}
html{
    background-color: rgb(238, 245, 255);
}
.center{
    max-width: 768px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.bg{
    display: block;
    width: 100%;
}
.btn img{
    width: 40%;
}
.btn{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 2%;
}

.btn > img {
    animation: scaleImage 1s infinite;
}

.btn>img {
    animation: scaleImage 1s infinite;
}

@keyframes scaleImage {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.lianxi {
    width: 100%;
    background-color: pink;

}

@keyframes size-change {
  0% { transform: scale(1); } /* 初始大小 */
  50% { transform: scale(1.2); } /* 放大到1.2倍 */
  100% { transform: scale(1); } /* 回到原始大小 */
}
.lianxi {
  background-image: linear-gradient(to bottom, rgb(245, 119, 222), rgb(73, 153, 210)); /* 设置从粉色到蓝色的线性渐变 */
  font-size: 32px;
  color: white; /* 文字颜色为白色 */
  padding: 10px 15px; /* 内边距 */
  border-radius: 50px; /* 设置圆角，使按钮呈圆形 */
  border: 3px solid rgba(177, 176, 176, 0.939);
  text-align: center; /* 文本居中 */
  cursor: pointer; /* 鼠标指针变为手型 */
  animation: size-change 1s ease-in-out infinite; /* 应用动画，持续2秒，缓入缓出，无限循环 */
  margin-bottom: 15px;
}

@media (max-width: 600px) {
  .lianxi {
    font-size: 14px;
  }
}