.fullwidth-button {
  display: block;
  width: 100%;
  padding: 12px;
  background: #bb9201;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.2s ease, transform 0.1s ease;
  margin-bottom: 16px; /* <-- line gap */
}

/* Hover effect */
.fullwidth-button:hover {
  background: #947301;
  color: #ffffff;
}

/* Pressed (active) effect */
.fullwidth-button:active {
  background: #004a9e;
  transform: scale(0.98);
}


@media (max-width: 600px) {
  .fullwidth-button {
    margin-bottom: 20px; /* bigger gap on phones */
  }
}