自定义CSS禁用按钮功能

Question

我目前正在使用WordPress主题evont，并试图在主页上做一些自定义CSS。主页上有一个按钮在页面上太低，所以我尝试做一些自定义css来提高它。

每当我更改margin-top值时，该按钮不再单击或动画。似乎无法弄清楚造成这种情况的原因。

第一张照片是悬停时发生的动画，在触摸任何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代码。