hr.new2 {
  border-top: 1px dashed #333333;
}
.card {
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensures equal height if cards are in a grid row */
  padding: 20px;
  border: 1px solid #ccc;
}

.card-button {
  margin-top: auto !important; /* This is the magic line that pushes the button down */
  align-self: start; /* Prevents the button from stretching horizontally (optional) */
}

.close-overlay-section i {font-size: 3.25rem;}


.icon-to-rotate {
  display: inline-block; /* Required for transforms to work on inline elements */
  transition: transform 0.3s ease-in-out;
}

/* Rotate the icon when the user hovers over the parent link or the icon itself */
.icon-link:hover .icon-to-rotate,
.icon-to-rotate:hover {
  transform: rotate(180deg); /* 180 degrees turns a gear, chevron, or arrow perfectly */
}
.opentablew .ot-dtp-picker.ot-standard {width:80%; margin: auto;}