/**
 * 侧栏「资源下载信息」小工具下载按钮：马卡龙粉渐变
 *
 * 主题自带的 .down-btn 是 Bootstrap btn-primary 纯蓝 + 直角，观感生硬。
 * 配色与底部 Dock 的文章互动按钮（点赞粉）同一套：
 * 亮粉 #ffb9d2 / #ff8db4，按压态 #ff6d9f / #f53f7c。
 *
 * 独立文件名避免 CDN 长缓存（ver= 参数会被剥掉，只能靠换文件名生效）。
 */

.sidebar .post-down-widget .down-btn,
.menu-sidebar .post-down-widget .down-btn {
	border: 0;
	border-radius: 16px;
	padding: 13px 24px;
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: .04em;
	color: #fff;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 46%), linear-gradient(135deg, #ff8db4, #f56a92 58%, #f53f7c);
	box-shadow: 0 6px 16px rgba(245, 63, 124, .26), 0 2px 5px rgba(245, 63, 124, .18);
	transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.sidebar .post-down-widget .down-btn:hover,
.menu-sidebar .post-down-widget .down-btn:hover,
.sidebar .post-down-widget .down-btn:focus,
.menu-sidebar .post-down-widget .down-btn:focus {
	color: #fff;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 46%), linear-gradient(135deg, #ff8db4, #f5457c 58%, #f53f7c);
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(245, 63, 124, .34), 0 3px 8px rgba(245, 63, 124, .22);
	filter: saturate(1.06);
}

.sidebar .post-down-widget .down-btn:active,
.menu-sidebar .post-down-widget .down-btn:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(245, 63, 124, .28);
}

/* 悬停时下载图标轻轻往下探一下，呼应「下载」语义 */
.sidebar .post-down-widget .down-btn:hover .iconfont,
.menu-sidebar .post-down-widget .down-btn:hover .iconfont {
	transform: translateY(2px);
}

.sidebar .post-down-widget .down-btn .iconfont,
.menu-sidebar .post-down-widget .down-btn .iconfont {
	transition: transform .25s ease;
	display: inline-block;
}