رنگ لبه تاخورده در border-color شبه‌المان ::before قرار دارد. آن را یک‌درجه تیره‌تر از بدنه بگذارید تا عمق طبیعی حفظ شود.

بله؛ کد را در ویجت HTML المنتور قرار دهید. در موبایل هم بدون مشکل رندر می‌شود و کلاس‌ها ایزوله می‌مانند.

بله؛ در ::before مقادیر top و left را جابه‌جا کنید و جهت border-width را برعکس کنید تا تاخوردن به گوشه دیگر برود.