/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 27 2025 | 05:51:50 */

.brand-btn-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #6C0C4C; 
  color: #ffffff !important; 
  border: 2px solid #6C0C4C;
  
  /* تنظیمات پیش‌فرض (دسکتاپ) */
  padding: 15px 40px;
  font-size: 16px;
  font-weight: 700; 
  text-decoration: none;
  border-radius: 50px; 
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
  gap: 10px; 
  
  /* --- خط زیر مهم است --- */
  /* جلوگیری از شکستن متن در همه حالت‌ها */
  white-space: nowrap;
}

.brand-btn-arrow::after {
  content: "↑"; 
  font-size: 20px; 
  transition: transform 0.3s ease;
  line-height: 1;
  /* جلوگیری از له شدن فلش وقتی فضا کم است */
  flex-shrink: 0; 
}

.brand-btn-arrow:hover {
  background-color: #F9C41F;
  border-color: #F9C41F;
  color: #6C0C4C !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(249, 196, 31, 0.4);
}

.brand-btn-arrow:hover::after {
  transform: translateY(-4px); 
}

/* --- تنظیمات مخصوص موبایل برای جا شدن در یک خط --- */
@media screen and (max-width: 600px) {
  .brand-btn-arrow {
    /* کاهش شدید فاصله کناری تا متن جا شود */
    padding: 14px 10px; 
    
    /* کوچک کردن فونت فقط در موبایل */
    font-size: 12px; 
    
    /* تمام عرض برای اینکه وسط چین و زیبا باشد */
    width: 95%; 
    max-width: 400px;
  }
  
  /* کمی کوچک کردن فلش در موبایل */
  .brand-btn-arrow::after {
      font-size: 16px;
  }
}