/* ============================
   Archive Button Styles
   ============================ */

/* Outer container for visual style (optional if removed) */
.archive-container {
  display: flex;
  height: 25px;
  width: 85px;
  padding: 2px 4px;
  margin: 0;
  border: 2px outset #d6c7a3;
  border-radius: 4px;
  background-color: #eee1c4;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.archive-container:hover {
  background-color: #ececec;
}

/* ============================
   Base Archive Button
   ============================ */
.big-archive-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 1.2rem;
  padding: 10px 20px;

  border: 3px solid var(--sage-color);
  border-radius: 10px;
  background-color: transparent;

}