/* From www.lingdaima.com */

.btn-1 {
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  height: 40px;
  font-size: 1.1em;
  cursor: pointer;
  background-color: #2A2F38;
  color: #fff;
  border: none;
  border-radius: 5px;
  transition: all .4s;
  /* 文字上下居中 */
  line-height: 40px;
  text-align: center;
}

.btn-1:hover {
  border-radius: 5px;
  transform: translateY(-10px);
  box-shadow: 0 7px 0 -2px #f85959,
    0 15px 0 -4px #39a2db,
    0 16px 10px -3px #39a2db;
}

.btn-1:active {
  transition: all 0.2s;
  transform: translateY(-5px);
  box-shadow: 0 2px 0 -2px #f85959,
    0 8px 0 -4px #39a2db,
    0 12px 10px -3px #39a2db;
}

/* From www.lingdaima.com */
.btn-2 {
  padding: 10px;
  font-size: 15px;
  outline: none;
  border: 2px solid black;
  background-color: white;
  color: white;
  position: relative;
  letter-spacing: 1px;
}

.btn-2::before {
  content: 'Buy Out';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -14%;
  left: 7%;
  background-color: black;
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.15s ease-in-out;
  font-weight: bold;
}

.btn-2:hover::before {
  top: 0;
  left: 0;
}

/* From www.lingdaima.com */
.card-1 {
  background-color: #292F39;
  border-radius: 1rem;
  transition: all 0.2s ease-in;
  box-shadow: 0.4rem 0.4rem 0.6rem #00000040;
}

.card-1:hover {
  transform: rotate(5deg);
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px 0px;
  border-radius: 1rem;
}

.card-1:active {
  transform: rotate(0deg);
  border-radius: 1rem;
}

/* From www.lingdaima.com */
.card-2 {
  background: rgba(42, 47, 56, 0.5);
  border-radius: 1em;
  transition: border 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: rgba(42, 47, 56, 0.5) 0.2em solid;
}

.card-2:hover {
  border: #ffffff 0.2em solid;
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px 0px;
}

/* From www.lingdaima.com */
.card-3 {
  background-image: linear-gradient(163deg, #00ff75 0%, #3700ff 100%);
  border-radius: 20px;
  transition: all .3s;
}

.card-3-2 {
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  border-radius: 20px;
  transition: all .2s;
}

.card-3-2:hover {
  transform: scale(0.98);
  border-radius: 20px;
}

.card-3:hover {
  box-shadow: 0px 0px 30px 1px rgba(0, 255, 117, 0.30);
}

/* From www.lingdaima.com */
.card-4 {
  width: 200px;
  height: 260px;
  background-color: #212121;
  box-shadow: 15px 15px 30px #191919,
    -15px -15px 30px #292929;
  transition: border-radius cubic-bezier(0.075, 0.82, 0.165, 1) 1s,
    transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
}

.card-4:hover {
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  transform: scale(1.05);
}

/* From www.lingdaima.com */
.card-5 {
  width: 190px;
  height: 254px;
  background: rgb(40, 40, 55);
  background: linear-gradient(344deg, rgba(40, 40, 55, 1) 0%, rgba(16, 16, 18, 1) 50%);
  box-shadow: 4px 6px 14px #2F2F42;
  border-radius: 3px;
  color: #F9F9F9;
  padding: 16px;
  transition: all .3s;
}

.card-5:hover {
  margin-top: -30px;
}

/* From www.lingdaima.com */
/* From www.lingdaima.com */
.card-6 {
  cursor: pointer;
  width: 190px;
  height: 254px;
  background: rgb(40, 40, 55);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 255, .2);
  transition: all .2s;
  box-shadow: 12px 12px 2px 1px rgba(16, 16, 18, 1);
}

.card-6:hover {
  box-shadow: -12px 12px 2px -1px rgba(16, 16, 18, 1);
}