Html css按钮不是'；大小不一样

我在这个网站上看过很多关于这个问题的教程，但都没有效果。另外，代码主要来自我正在修改的模板。我如何修复它，使按钮“melody”和“anne”可以是相同的大小，而不是相互重叠？这是我的密码：

/*链接*/
A.
答：焦点，
a:悬停{
颜色：#fff；
}
.习俗{
宽度：78px！重要；
}
/*旋律*/
.btn旋律{
颜色：#333；
文本阴影：无；
背景色：#a9cafc；
边框：0.05rem实心#a9cafc；
}
.btn旋律：悬停{
颜色：#333；
背景色：#72a8f9；
边框：0.05rem实心#72a8f9；
}
.btn旋律：聚焦{
颜色：#333；
文本阴影：无；
边框：0.05rem实心#72a8f9；
}
/*安妮*/
安妮先生{
颜色：#333；
文本阴影：无；
/*阻止从“body”继承*/
背景色：#a9fcab；
边框：0.05rem实心#a9fcab；
}
安妮：悬停{
颜色：#333；
背景色：5bff5f；
边框：0.05rem实心#5bff5f；
}
安妮：集中注意力{
颜色：#333；
文本阴影：无；
/*阻止从“body”继承*/
背景色：#fff；
边框：0.05rem实心#fff；
}
/*
*基础结构
*/
html，
身体{
身高：100%；
背景色：#333；
/*背景图片：url（“Anne.png”）*/
}
身体{
颜色：#ffffff；
文本对齐：居中；
文本阴影：0.05rem 0.1rem rgba（0,0,0,0.5）；
}
/*用于表格样式垂直和水平居中的额外标记和样式*/
.网站包装{
显示：表格；
宽度：100%；
高度：100vh；
/*至少对Firefox来说是这样*/
最小高度：100%；
长方体阴影：插入0.05 REM rgba（0,0,0,0.5）；
}
.站点包装器内部{
显示：表格单元格；
垂直对齐：顶部；
}
.盖上容器{
右边距：自动；
左边距：自动；
}
/*间距填充*/
.内部{
填充：2rem；
}
/*
*标题
*/
桅顶{
边缘底部：2rem；
}
.报头品牌{
页边距底部：0；
}
.导航杆头.导航链接{
填充：0.250；
字号：700；
颜色：rgba（255，255，255，0.5）；
背景色：透明；
边框底部：0.25rem实心透明；
}
.导航杆头.导航链接：悬停，
.导航杆头.导航链接：焦点{
边框底色：rgba（255、255、255、0.25）；
}
.nav报头.导航链接+.nav链接{
左边距：1 em；
}
.导航杆头。激活{
颜色：#fff；
边框底色：#fff；
}
@介质（最小宽度：48em）{
.报头品牌{
浮动：左；
}
.导航桅杆{
浮动：对；
}
}
/*
*掩护
*/
.掩护{
填充：0.1.5雷姆；
}
.cover.btn lg{
填充：0.75雷姆1.25雷姆；
字号：700；
}
/*
*页脚
*/
马蹄铁{
颜色：#000000；
}
/*
*粘贴并居中
*/
@介质（最小宽度：40em）{
/*拉出页眉和页脚*/
桅顶{
位置：固定；
排名：0；
}
马蹄铁{
位置：固定；
底部：0；
}
/*开始垂直定心*/
.站点包装器内部{
垂直对齐：中间对齐；
}
/*处理宽度*/
马士德先生，
马斯特福特先生，
.盖上容器{
宽度：100%；
/*水平对齐必须为百分比或像素*/
}
}
@介质（最小宽度：62em）{
马士德先生，
马斯特福特先生，
.盖上容器{
宽度：42rem；
}

掩护
盖上你的书页。
封面是一个单页模板，用于构建简单美观的主页。下载、编辑文本，并添加您自己的全屏背景照片，使其成为您自己的




网站作者

元素重叠的发生是因为第二个按钮被包装到了一个带有

边距的段落中。将按钮从段落中取出就可以了。您也可以在段落中使用填充而不是边距，并且项目不会重叠


/*链接*/
A.
答：焦点，
a:悬停{
颜色：#fff；
}
.习俗{
宽度：78px！重要；
}
/*旋律*/
.btn旋律{
颜色：#333；
文本阴影：无；
背景色：#a9cafc；
边框：0.05rem实心#a9cafc；
}
.btn旋律：悬停{
颜色：#333；
背景色：#72a8f9；
边框：0.05rem实心#72a8f9；
}
.btn旋律：聚焦{
颜色：#333；
文本阴影：无；
边框：0.05rem实心#72a8f9；
}
/*安妮*/
安妮先生{
颜色：#333；
文本阴影：无；
/*阻止从“body”继承*/
背景色：#a9fcab；
边框：0.05rem实心#a9fcab；
}
安妮：悬停{
颜色：#333；
背景色：5bff5f；
边框：0.05rem实心#5bff5f；
}
安妮：集中注意力{
颜色：#333；
文本阴影：无；
/*阻止从“body”继承*/
背景色：#fff；
边框：0.05rem实心#fff；
}
/*
*基础结构
*/
html，
身体{
身高：100%；
背景色：#333；
/*背景图片：url（“Anne.png”）*/
}
身体{
颜色：#ffffff；
文本对齐：居中；
文本阴影：0.05rem 0.1rem rgba（0,0,0,0.5）；
}
/*用于表格样式垂直和水平居中的额外标记和样式*/
.网站包装{
显示：表格；
宽度：100%；
高度：100vh；
/*至少对Firefox来说是这样*/
最小高度：100%；
长方体阴影：插入0.05 REM rgba（0,0,0,0.5）；
}
.站点包装器内部{
显示：表格单元格；
垂直对齐：顶部；
}
.盖上容器{
右边距：自动；
左边距：自动；
}
/*间距填充*/
.内部{
填充：2rem；
}
/*
*标题
*/
桅顶{
边缘底部：2rem；
}
.报头品牌{
页边距底部：0；
}
.导航杆头.导航链接{
填充：0.250；
字号：700；
颜色：rgba（255，255，255，0.5）；
背景色：透明；
边框底部：0.25rem实心透明；
}
.导航杆头.导航链接：悬停，
.导航杆头.导航链接：焦点{
边框底色：rgba（255、255、255、0.25）；
}
.nav报头.导航链接+.nav链接{
左边距：1 em；
}
.导航杆头。激活{
颜色：#fff；
边界波特