@import url("https://fonts.googleapis.com/css?family=Montserrat:500&display=swap");

.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}
.page {
   height: 100vh;
}
.page__container {
   font-family: "Montserrat";
   font-weight: 500;
   font-style: normal;
   position: relative;
   max-width: 94.375rem;
   padding-left: 0.9375rem;
   padding-right: 0.9375rem;
   margin: 0 auto;
   height: 100%;
   align-content: center;
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   justify-content: space-between;
   padding-top: 15%;
}

.page__text{
   position: relative;
   z-index: 2;
   max-width: 100%;
}

.page__button {
 color: #FFF;
 text-align: center;
 font-size: 2.0625rem;
 line-height: 648.485%; 
 padding: 1.1875rem 2.8125rem;
 border-radius: 1.25rem 1.25rem 0px 0px;
 background: rgba(255, 255, 255, 0.40);
 backdrop-filter: blur(10px);
 max-height: 6rem;
 max-width: 33.875rem;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 z-index: 2;
}
.page__button:hover{
   background: rgba(255, 255, 255, 0.60);
  }
.page__link {
}
.page__background {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}
.page__background img{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   object-fit: cover;
}
@media(max-width: 767.98px){
   .page__container{
      padding-top: 50%;
   }
   .page__button {
      padding: 1.25rem;
      font-size: 1.125rem;
   }
}