[salhi_haithem]

المشاركة الأصلية كتبت بواسطة فراس ففيه

أستاذ هيثم لكي تسهل علينا القرأة في الأزرار الجديدة الحمراء
ضع لون الخط أبيض وبدون السطر أسفل الكلمات
انا غرافيك ديزاينر وأعرف هذه المسائل
شكراً لك وتحياتي

عزيزى معاك عادل صموئيل هو اللون الاحمر غامق اوى يعن لو يبقى فاتح عن كده

صباح الخير
أخي الكريم بالنسبة للسطر أسفل الكلمة هو موجود لأن الزر فيه رابط و هذا كود الزر

<button class="favorite styled" type="button"><a href="#أم كلثوم"><b>أم كلثوم</b></a></button>

و لو تلاحظ باليز button فيها a href باليز الرابط
و هذا كود ستايل الزر

.styled {
border: 0;
line-height: 2.0;
padding: 0 20px;
font-size: 1rem;
text-align: center;
color: #fff;
text-shadow: 1px 1px 1px #000;
border-radius: 10px;
background-color: rgba(220, 0, 0, 1);
background-image: linear-gradient(to top left,
rgba(0, 0, 0, .2),
rgba(0, 0, 0, .2) 30%,
rgba(0, 0, 0, 0));
box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.styled:hover {
background-color: rgba(255, 0, 0, 1);
}

.styled:active {
box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
inset 2px 2px 3px rgba(0, 0, 0, .6);
}