.btn-cta {
  border: 2px solid transparent;
  background-color: #007bff; /* Bootstrap primary color */
  color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), inset 0 -4px 0 rgba(0, 0, 0, 0.1); /* Outer shadow and inner bevel */
  transition: all 0.3s ease;
  border-radius: 5px; /* Optional: Adjust for more pronounced rounded corners */
}

.btn-cta:hover, .btn-cta:focus {
  background-color: #0056b3; /* Slightly darker shade for interaction */
  color: #fff;
  border-color: #0056b3;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), inset 0 -4px 0 rgba(0, 0, 0, 0.1); /* Enhanced shadow for depth */
  transform: translateY(-2px); /* Slight lift effect */
}

.btn-cta:active {
  background-color: #004494; /* Even darker for the pressed effect */
  border-color: #004494;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 2px 0 rgba(255, 255, 255, 0.1); /* Simulate pressing in with inner shadow */
  transform: translateY(1px); /* Mimic the button being pressed */
}