.fancyBtnContainer a,  .fancyBtnContainer a:hover,  .fancyBtnContainer a:focus {
    border-bottom: 0px !important;
}

.fancyBtnContainer .extLink i {
    display: none;
}
 
 .fancyBtnContainer {
	 width: auto;
	 margin: auto;
	  font-family: "GraphikWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 color: #1a1a1a;
	 display: flex;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
	 padding: .5rem 0px;
}
 
.fancyBtn {
	 text-transform: uppercase;
	 text-decoration: none;
	 font-weight: 700;
	 border: 3px solid #a81a1a;
	 border-radius: 5px;
	 position: relative;
	 letter-spacing: 0.1em;
	 margin: 0 auto;
	 padding: 1rem 2.5rem;
	 background: #fff;
	 outline: none;
	 font-size: 28px;
	 color: #a81a1a;
	 transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;
}

.fancyBtn::after, .fancyBtn::before {
	 border: 0;
	 content: "";
	 position: absolute;
	  height: 28%;
	    width: 7%;
	 transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 z-index: -2;
	 border-radius: 50%;
}

.fancyBtn::before {
	 border: 0;
	 background-color: #333;
	 top: -0.75rem;
	 left: 0.5rem;
	 animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
}

.fancyBtn::after {
	 background-color: #a81a1a;
	 top: 3rem;
	 left: 13rem;
	 animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
}

  .fancyBtn.fancyOff::after, .fancyBtn.fancyOff::before {
        height: 0%;
	    width: 0%;
	    animation:none;
  }

.fancyBtn:hover, .fancyBtn:focus {
	 color: white;
	 border: 0px;
	 border-radius: 0px;
}

.fancyBtn:hover::before, .fancyBtn:hover::after, .fancyBtn:focus::before, .fancyBtn:focus::after {
	 top: 0;
	 height: 100%;
	 width: 100%;
	 border-radius: 0;
	 animation: none;
}

.fancyBtn:hover::after, .fancyBtn:focus::after {
	 left: 0rem;
}

.fancyBtn:hover::before, .fancyBtn:focus::before {
	 top: 0.5rem;
	 left: 0.35rem;
}

@media all and (max-width:321px){
 .fancyBtn {
    font-size:12px;
    padding: .25rem .75rem;
  }
     @keyframes topAnimation {
       from {
         transform: translate(0rem, .35rem);
      }
       to {
         transform: translate(0rem, 2rem);
      }
    }
     @keyframes bottomAnimation {
         from {
           transform: translate(-12rem, -1.5rem);
        }
         to {
           transform: translate(-7rem, -1.5rem);
        }
     }
}

@media all and (min-width:321px){
   .fancyBtn {
        font-size:16px;
        padding: .45rem .85rem;
  }
    @keyframes topAnimation {
       from {
         transform: translate(0rem, .5rem);
      }
       to {
         transform: translate(0rem, 2.5rem);
      }
    }
     @keyframes bottomAnimation {
         from {
           transform: translate(-12rem, -1.25rem);
        }
         to {
           transform: translate(-6rem, -1.25rem);
        }
     }
         
}

@media all and (min-width:768px){
     .fancyBtn {
        font-size: 20px;
         padding: .65rem 1rem;
      }
    @keyframes topAnimation {
       from {
         transform: translate(0rem, .25rem);
      }
       to {
         transform: translate(0rem, 3rem);
      }
    }
     @keyframes bottomAnimation {
         from {
           transform: translate(-12rem, -.75rem);
        }
         to {
           transform: translate(-2rem, -.75rem);
        }
     }
}


@media all and (min-width:992px) and (max-width:1199px){
       .fancyBtn {
          font-size:24px;
           padding: .85rem 1rem;
        }
        
      .fancyBtn::after, .fancyBtn::before {
        height: 36%;
        width: 9%;
    }
  @keyframes topAnimation {
       from {
         transform: translate(0rem, 0);
      }
       to {
         transform: translate(0rem, 3.5rem);
      }
    }
     @keyframes bottomAnimation {
         from {
           transform: translate(-12rem, 0rem);
        }
         to {
           transform: translate(-1.5rem, 0);
        }
     }
}

@media all and (min-width:1200px){
       .fancyBtn {
          font-size:28px;
           padding: 1rem 1rem;
        }
        
  .fancyBtn::after, .fancyBtn::before {
      height: 32%;
	    width: 9%;
  }
    .fancyBtn::before {
      top: -0.5rem;
  }
  
    .fancyBtn::after {
      top: 3.5rem;
  }
    @keyframes topAnimation {
       from {
         transform: translate(0rem, 0);
      }
       to {
         transform: translate(0rem, 3.5rem);
      }
    }
     @keyframes bottomAnimation {
         from {
           transform: translate(-12rem, 0);
        }
         to {
           transform: translate(0rem, 0);
        }
     }
}