.campustop__trial-btn {
 display: inline-block;
 position: relative;
}

.campustop__trial-btn:before {
 content: '';
 display: inline-block;
 position: absolute;
 bottom: -5px;
 height: 40px;
 left: 30px;
 right: 30px;
 z-index: -1;
 transform-style: preserve-3d;
 transition: all 0.3s ease-out;
}

.campustop__trial-btn {
 -webkit-transition: opacity 0.3s ease-in-out;
 -moz-transition: opacity 0.3s ease-in-out;
 -ms-transition: opacity 0.3s ease-in-out;
 -o-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
 padding: 0.5rem 0;
 font-size: 1.75rem;
 color: #fff;
 border-radius: 1.5rem;
 opacity: 1;
 margin: 2rem auto;
 width: fit-content;
}

.campustop__trial-btn:hover {
 opacity: 0.6;
}

.campustop__trial-btn:visited {
 color: #fff;
}

.campustop__trial-btn span {
 display: inline-block;
 padding: 16px 48px;
 border-radius: 50em;
 position: relative;
 z-index: 2;
 will-change: transform, filter;
 transform-style: preserve-3d;
 transition: all 0.3s ease-out;
 box-shadow: 8px 8px 6px #ccc;
 text-align:center;
}
.campustop__trial-btn:focus, .campustop__trial-btn:active {
 color: #fff;
}
.campustop__trial-btn:hover {
 color: #fff;
}
.campustop__trial-btn:hover span {
 filter: brightness(1.05) contrast(1.05);
 transform: scale(0.95);
}
.campustop__trial-btn:hover:before {
 bottom: 0;
 filter: blur(10px) brightness(0.95);
}
.campustop__trial-btn.pop-onhover:before {
 opacity: 0;
 bottom: 10px;
}
.campustop__trial-btn.pop-onhover:hover:before {
 bottom: -7px;
 opacity: 1;
 filter: blur(20px);
}
.campustop__trial-btn.pop-onhover:hover span {
 transform: scale(1.04);
}
.campustop__trial-btn.pop-onhover:hover:active span {
 filter: brightness(1) contrast(1);
 transform: scale(1);
 transition: all 0.15s ease-out;
}
.campustop__trial-btn.pop-onhover:hover:active:before {
 bottom: 0;
 filter: blur(10px) brightness(0.95);
 transition: all 0.2s ease-out;
}
.fadeIn{
 animation-name:fadeInAnime;
 animation-duration:2s;
 animation-fill-mode:forwards;
 opacity:0;
}

@keyframes fadeInAnime{
 from {
   opacity: 0;
 }

 to {
   opacity: 1;
 }
}
.home-btn {
margin-bottom:0;
}
.home-btn span {
background:#707070 ;
min-width:0;
width:fit-content;
font-size: 1.25rem;
padding:0.5rem 2rem;
border-radius:0;
}