Why doesn't my custom button link to my collection page?

Shopify Discussion
1

The link below doesn’t work when is used the customized button but work everytime I use my default button setting. The link is supposed to take me to one of my collections but since I’m using a custom button, it always taking me to the home page.

}

<a class="bn39"Collections
.bn30 { border: 5em; cursor: pointer; outline: none; font-size: 16px; -webkit-transform: translate(0); transform: translate(0); background-image: linear-gradient(45deg, #4568dc, #b06ab3); padding: 0.7em 2em; border-radius: 65px; box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.438); -webkit-transition: box-shadow 0.25s; transition: box-shadow 0.25s; color: white; }

.bn30 .text {
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(45deg, #4568dc, #b06ab3);
}

.bn30:after {
content: “”;
border-radius: 18px;
position: absolute;
margin: 4px;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background: #0e0e10;
}

.bn30:hover {
background-image: linear-gradient(-45deg, #4568dc, #b06ab3);
box-shadow: 0 12px 24px rgba(128, 128, 128, 0.1);
}

.bn30:hover .text {
background-image: linear-gradient(-45deg, #4568dc, #b06ab3);
}