Помогите с css. Не отображается кнопка на сайте.

Кнопка на странице игнорирует стиль который указан в css. В чем может быть причина? Спасибо.

<a class="button_1" href="https://pr-cy.ru/jump/?url=https%2Fsite.ru%2Fcatalog%2F">KNOPKA</a>

_______________________________________________________________

.button_1 a {  text-decoration: none;  outline: none;  display: inline-block;  padding: 20px 30px;  margin: 10px 20px;  position: relative;  color: white;  border: 1px solid rgba(255,255,255,.4);  background: none;  font-weight: 300;  font-family: 'Montserrat', sans-serif;  text-transform: uppercase;  letter-spacing: 2px;}
.button_1 a:before, .button_1 a:after {  content: "";  position: absolute;  width: 0;  height: 0;  opacity: 0;  box-sizing: border-box;}
.button_1 a:before {  bottom: 0;  left: 0;  border-left: 1px solid white;  border-top: 1px solid white;  transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;}
.button_1 a:after {  top: 0;  right: 0;  border-right: 1px solid white;  border-bottom: 1px solid white;  transition: 0s ease opacity .4s, .2s ease width , .2s ease height .2s;}
.button_1 a:hover:before, .button_1 a:hover:after{  height: 100%;  width: 100%;  opacity: 1;}
.button_1 a:hover:before {transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;}.button_1 a:hover:after {transition: 0s ease opacity .4s, .2s ease height .4s , .2s ease width .6s;}.button_1 a:hover {background: rgba(255,255,255,.2);}