.box1{
  position:absolute;
  top:15%;
  left:90%;
  transform : translate(-50% ,-50%);
  z-index: 3;
}

.btn1:link,
.btn1:visited{
  text-decoration: none;
  text-transform:uppercase;
  position:relative;
  top:0;
  left:0;
  padding:20px 20px;
  border-radius: 8px !important; /* Changed from 100px to 8px for less round corners */
  display:inline-block;
  transition: all .5s;
}

.btn1-white1{
  background:#7cef6b;
  color:#000;
}

.btn1:hover{
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   transform : translateY(-3px);
}

.btn1:active{
  box-shadow:0px 5px 10px rgba(0,0,0,0.2);
  transform:translateY(-1px);
}

.btn1-bottom-animation-1{
  animation:comeFromBottom 1s ease-out .8s;
}

.btn1::after{
  content:"";
  text-decoration: none;
  text-transform:uppercase;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius: 8px !important; /* Changed from 100px to 8px to match */
  display:inline-block;
  z-index:-1;
  transition: all .5s;
}

.btn1-white::after {
    background: #7cef6b;
}

.btn1-animation-1:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn1 {
  display: inline-flex;          /* makes text + icon align */
  align-items: center;           /* vertical alignment */
  gap: 10px;                     /* space between text and icon */
}

.btn1-icon {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.btn1-icon .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  transition: opacity 0.3s ease;
}

.btn1-icon .hover {
  opacity: 0; /* hidden by default */
}

.btn1:hover .btn1-icon .default {
  opacity: 0; /* fade out default */
}

.btn1:hover .btn1-icon .hover {
  opacity: 1; /* fade in hover */
}

@keyframes comeFromBottom{
  0%{
    opacity:0;
    transform:translateY(40px);
  } 
  100%{
    opacity:1;
    transform:translateY(0);
  }
}