.button-item {
  background-color: #ffdabd;
  color: white;
  width: 100%;
  padding: 20px;
  border:none;
  font-size: 15px;
  font-weight:900;
  cursor: pointer;
  text-align: center;
  transition: transform .2s; /* Animation */
  border-radius:5px;
}

.button-item:hover {
  border: none;
  cursor: pointer;
  text-align: center;
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  border-radius:5px;
}

@font-face {
    font-family: 'HarderHeating';
    src: url('linksy.ca/wp-content/uploads/fonts/BNBergenSt-Black.otf') format('otf'),
         url('linksy.ca/wp-content/uploads/fonts/BNBergenSt-Black.otf') format('otf');
    /* Add other font formats if necessary */
    font-weight: black;
    font-style: black;
}

/* Apply the custom font to specific elements */
{
    font-family: 'YourCustomFont', sans-serif;
}