/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/posts/PostActions.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.PostActions_actions__YEpR_ {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 85%;
}

.PostActions_actionButton__HvOsI {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 9999px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--gray-600);
}

.PostActions_actionButton__HvOsI:hover {
  background-color: var(--hover-bg);
  transform: translateY(-1px);
}

.PostActions_actionButton__HvOsI:active {
  transform: scale(0.95) translateY(0);
}

.PostActions_actionButton__HvOsI svg {
  width: 1.25rem;
  height: 1.25rem;
  transition: all 0.2s ease;
}

.PostActions_actionCount__p2K1I {
  font-size: 0.875rem;
  min-width: 1rem;
  font-weight: 500;
}

/* Comment button styles */
.PostActions_commentButton__p_Njq:hover {
  color: var(--blue-600);
  background-color: var(--blue-50);
}

.PostActions_commentButton__p_Njq:hover svg {
  animation: PostActions_bounce__N3Nup 0.5s ease;
}

/* Retweet button styles */
.PostActions_retweetButton__i3TZD:hover {
  color: var(--green-600);
  background-color: var(--green-50);
}

.PostActions_retweetButton__i3TZD:hover svg {
  animation: PostActions_rotate__7yquq 0.5s ease;
}

/* Like button styles */
.PostActions_likeButton__I17A4 {
  color: var(--gray-600);
}

.PostActions_likeButton__I17A4:hover {
  color: var(--red-600);
  background-color: var(--red-50);
}

.PostActions_likeButton__I17A4.PostActions_liked__p6UTY {
  color: var(--red-600);
}

.PostActions_likeButton__I17A4.PostActions_liked__p6UTY svg {
  filter: drop-shadow(0 0 1px var(--red-300));
}

.PostActions_likeButton__I17A4:hover svg {
  animation: PostActions_pulse__KLwtO 0.3s ease;
}

/* Animations */
@keyframes PostActions_bounce__N3Nup {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes PostActions_rotate__7yquq {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

@keyframes PostActions_pulse__KLwtO {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Dark mode styles */
.dark .PostActions_actionButton__HvOsI {
  color: var(--gray-400);
}

.dark .PostActions_actionButton__HvOsI:hover {
  background-color: var(--dark-hover-bg);
}

.dark .PostActions_commentButton__p_Njq:hover {
  color: var(--blue-400);
  background-color: var(--blue-900-10);
}

.dark .PostActions_retweetButton__i3TZD:hover {
  color: var(--green-400);
  background-color: var(--green-900-10);
}

.dark .PostActions_likeButton__I17A4:hover {
  color: var(--red-400);
  background-color: var(--red-900-10);
}

.dark .PostActions_likeButton__I17A4.PostActions_liked__p6UTY {
  color: var(--red-400);
}

.dark .PostActions_likeButton__I17A4.PostActions_liked__p6UTY svg {
  filter: drop-shadow(0 0 1px var(--red-900-10));
} 
