.star-1 {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 25px;
  height: auto;
  filter: drop-shadow(0 0 0 #fffdef);
  z-index: -5;
  transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
}

.button2:hover .star-1 {
  position: absolute;
  top: -80%;
  left: -30%;
  width: 25px;
  height: auto;
  filter: drop-shadow(0 0 10px #fffdef);
  z-index: 2;
}

.star-1 {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 25px;
  height: auto;
  filter: drop-shadow(0 0 0 #fffdef);
  z-index: -5;
  transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
}

.lastbutton {
  position: relative;
  height: 50px;
  padding: 30px;
  border: 2px solid #000000;
  background: rgba(255,0,0,0);
  user-select: none;
  white-space: nowrap;
  transition: all .05s linear;
  font-family: inherit;
}

.lastbutton:before, .lastbutton:after {
  content: "";
  position: absolute;
  background: rgba(18,37,19,0);
  transition: all .2s linear;
}

.lastbutton:before {
  width: calc(100% + 6px);
  height: calc(100% - 16px);
  top: 9px;
  left: -3px;
}

.lastbutton:after {
  width: calc(100% - 16px);
  height: calc(100% + 6px);
  top: -3px;
  left: 8px;
}

.lastbutton:hover {
  cursor: crosshair;
}

.lastbutton:active {
  transform: scale(0.95);
}

.lastbutton:hover:before {
  height: calc(100% - 32px);
  top: 16px;
}

.lastbutton:hover:after {
  height: calc(100% - 32px);
  top: 16px;
}

.lastbutton span {
  font-size: 15px;
  z-index: 3;
  position: relative;
  font-weight: 600;
}

.lastbutton span {
}

footer {
  background: var(--bs-highlight-color);
}

.mail {
  background: rgb(255,199,0);
}