/*
 * File: assets/css/buttons.css
 * Version: 0.0.2
 * Author: مهدی عدالت - 09122534550
 * Description: استایل دکمه‌ها با اوپاسیتی و ریسپانسیو.
 */

.wcpab-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0;
}

.wcpab-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  opacity:.8;
  transition:opacity .2s ease, transform .05s ease;
  line-height:1;            /* نرمالایز برای یکسان‌سازی ارتفاع */
  font-weight:600;
  padding:0;                /* padding پایه حذف شد؛ فقط کلاس سایز تعیین می‌کند */
}

.wcpab-btn:hover,
.wcpab-btn:focus{
  opacity:1;
  text-decoration:none;
}

.wcpab-btn:active{
  transform:translateY(1px);
}

/* سایزها فقط این‌جا تعریف می‌شوند تا از تداخل جلوگیری شود */
.wcpab-size-sm{ font-size:12px; padding:.45em .9em; }
.wcpab-size-md{ font-size:14px; padding:.6em 1.1em; }
.wcpab-size-lg{ font-size:16px; padding:.75em 1.2em; }

/* ریسپانسیو ساده */
@media (max-width:480px){
  .wcpab-buttons{ gap:8px; }
  .wcpab-size-lg{ font-size:15px; }
}

/* پایان کدنویسی فایل - نسخه 0.0.2 */