.feedback-btn{
  display:inline-flex;
  align-items:center;
  gap:6px; 
  background: linear-gradient(90deg,#c01313, #1b0707);
  color:#ffffff;
  font-weight:600;
  text-decoration:none;
  padding:6px 12px; 
  border-radius:999px;
  font-size:0.875rem; 
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 4px 12px rgba(92,98,255,0.15),
              inset 0 -4px 12px rgba(255,255,255,0.05);
  margin: 0 0 2rem 0; 
}
.feedback-btn:active{ transform: translateY(1px) scale(.98); }

.btn-label{
  transition: opacity .3s ease;
}
.btn-icon{
  display:inline-grid;
  place-items:center;
  transition: transform .5s ease, margin-left .5s ease;
}

/* Animation */
.feedback-btn.animating .btn-label{
  opacity:0;
}
.feedback-btn.animating .btn-icon{
  transform: translateX(12px) rotate(-15deg); /* kleinere Bewegung */
}
.feedback-btn.animating::after{
  content:"wird geöffnet...";
  position:absolute;
  right:30px;
  top:50%;
  transform: translateY(-50%);
  color:#ffffff;
  font-weight:600;
  font-size:0.875rem;
  opacity:0;
  animation: fadeIn 0.4s 0.5s forwards;
}

@keyframes fadeIn{
  to { opacity:1; }
}

.archive-btn {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 1px #ffffff;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.62rem;
		font-weight: 300;
		height: 2.75rem;
		letter-spacing: 0.2rem;
		line-height: 2.75rem;
		outline: 0;
		padding: 0 1.15rem 0 1.25rem;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}