.box-image-text .image {
  min-height: 190px;
  max-height: 190px;
}

.box-image-text .image img {
  max-height: 190px;
  margin: auto;
}

.box-simple {
  min-height: 230px;
}

.floating-action-button {
  position: fixed; /* Make it float */
  bottom: 20px;    /* Adjust vertical position */
  right: 20px;     /* Adjust horizontal position */
  z-index: 1000;   /* Ensure it's above other elements */
  background-color: #ff3300; /* Example background color */
  color: white;
  height: 56px;     /* Adjust size as needed */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Add a subtle shadow */
  transition: background-color 0.3s ease; /* Add a hover effect */
  width: auto;        /* Adjust width to fit content */
  padding: 10px 15px;    /* Add some padding around the text and icon */
  border-radius: 28px;  /* Adjust border-radius for the new shape */
  display: inline-flex; /* Use inline-flex to align icon and text */
  align-items: center; /* Vertically align icon and text */
  justify-content: center; /* Center content horizontally */
}

.floating-action-button i {
  font-size: 1.2em;    /* Adjust icon size */
  margin-left: 5px;   /* Add spacing between text and icon */
}

.floating-action-button span {
  font-size: 1em;      /* Adjust text size */
  margin-right: 5px; /* Add spacing between text and icon */
}

.floating-action-button:hover {
  background-color: #b32200; /* Darker shade on hover */
}

.floating-action-button a {
  color: white;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}