/* translation button  */

.trans-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 2px; /* Default margin-top for mobile */
  }
  
  .button.special {
	margin-right: 10px; 
	font-size: 10px;
	padding: 0 8px;
	margin-top: 2px; /* Default margin-top for mobile */
  }
  
  .button.special:last-child {
	margin-right: 8%;
  }
  
  @media (min-width: 442px) {
	.button:last-child {
	  margin-right: 15%; /* 10% margin-right for the last button on larger screens */
	}
  }
  
  @media (min-width: 768px) {
	.trans-container {
	  margin-top: 5px; /* Increased margin-top for desktop */
	}
	
	.button.special { 
	  font-size: 12px;
	  margin-top: 2px; /* Increased margin-top for desktop */
	}
	.button.special:last-child {
		margin-right: 15%; /* 10% margin-right for the last button on larger screens */
	  }
  }
  
  @media (max-width: 441px) {
	.button.special:last-child {
	  margin-right: 15%; /* 15% margin-right for the last button on smaller screens */
	}
  }