.post-footer {
        border-top: none !important; /* Removing this line since it doesn't look good with the Rewards section.. */
}

.actions {
  display: flex;
  align-items: center; /* This ensures vertical alignment */
  margin-top: 20px;
}

.like-section,
.email-section {
  flex: 1;
  display: flex;
  align-items: center; /* This ensures vertical alignment within each section */
}

.like-button,
.email-button {
  background-color: #f0f0f0;
  border: 1px solid #d6d6d6;
  padding: 10px 15px;
  border-radius: 20px;
  display: flex;
  align-items: center; /* This ensures vertical alignment of the flex children (icon and text) */
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.email-button {
  text-decoration: none;
  color: #333; /* Adjust as necessary */
  font-family: 'Arial', sans-serif;
  font-size: 1em;
}

.email-icon {
  vertical-align: middle;
  fill: #333;
}

.email-text {
  vertical-align: middle;
}

/* Rest of the like button and icon styles */

.like-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.like-button {
  background-color: #f0f0f0;
  border: 1px solid #d6d6d6;
  padding: 10px 15px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  text-transform: uppercase;
}

.like-button:focus {
  outline: 3px solid #0078d7;
}

.like-button:hover,
.like-button[aria-pressed="true"] {
  background-color: #0078d7;
  color: white;
}

.like-button,
.like-button:hover,
.like-button[aria-pressed="false"] {
  background-color: #f0f0f0;
  color: #333; /* Adjust as necessary */
}

.like-button:focus {
  outline: 3px solid #0078d7;
}

.like-button[aria-pressed="true"] {
  background-color: #0078d7;
  color: white;
}


.like-icon {
  height: 24px;
  width: 24px;
  transition: transform 0.2s ease-in-out;
}

.like-button:hover .like-icon,
.like-button[aria-pressed="true"] .like-icon {
  transform: scale(1.2);
}

.like-counter {
  font-size: 1rem;
  transition: transform 0.2s ease-in-out;
}

.like-button .fas {
  font-size: 2em; /* Increase icon size */
}

li > input[type="checkbox"] {
    margin-right: 0.5em;
    vertical-align: middle;
}

ul > li:has(> input[type="checkbox"]) {
    list-style-type: none;
}

ul:has(li > input[type="checkbox"]) {
    padding-left: 0em;
}