自定义CSS禁用按钮功能

Question

我目前正在使用WordPress主题evont，并尝试在首页上进行一些自定义CSS。 主页上有一个按钮，页面上的按钮太低，因此我尝试做一些自定义css来引发它。

每当我更改上边距值时，按钮将不再单击或设置动画。 似乎无法弄清楚是什么原因造成的。

第一张图片是悬停时触摸动画之前发生的动画。

第二张图片是触摸css后悬停时发生的情况。

以下是我可以找到的按钮的代码：

.jx-month-small .event-ticket-btn {
     font-size: 50px;
     font-family: 'Oswald';
     font-weight: 500;
     text-transform: uppercase;
     background: #000;
     line-height: 1;
     padding: 15px 80px 15px 30px;
     margin-top:140px;
    display: block;
    position: absolute;
    left: 82%;
    width: 100%;
    margin-left: -45px;
    transition: .3s all ease-out;
}

.jx-month-small .event-ticket-btn:hover {
    margin-left: -95px;
}

.jx-month-small .event-ticket-btn a {
    color:#fff
}

.jx-month-small .event-ticket-btn a:hover {
    color:#fff300
}

Answer 1

如何尝试添加

bottom: 200px;

要么

top: 80%;

因为它的绝对位置

将有助于查看与其关联的html代码。