выравнивания CSS кнопки призрака

Question

Я пытаюсь добавить кнопку призрака на загрузочную карусели здесь: http://oarvoredo.businesscatalyst.com/

Это первый слайд на белой кнопке.

.a_banner a { 
    color:#FFF !important; 
    font-size:22px !important; 
    text-decoration:none; 
    position:absolute; 
    top: 75% !important; 
    text-align:center; 
    margin-left:40%; 
    margin-right:40%; 
    border:1px solid #FFF; 
    border-radius:16px; 
    padding-left:1%; 
    padding-right:1%; 
} 

Я не в состоянии сосредоточить это правильно с position:absolute;. Как я могу сделать эту работу?

Answer 1

Устанавливается влево до 50% и от края до половины минус половина ширины.

.a_banner a { 
    display: inline-block; 
    position: absolute; 
    top: 75%; 
    left: 50%; 
    width: 200px; 
    margin: 0 0 0 -100px; 
    color: #FFF; 
    font-size: 22px; 
    text-decoration: none; 
    text-align: center; 
    border: 1px solid #FFF; 
    border-radius: 16px; 
    padding-left: 1%; 
    padding-right: 1%; 
} 

Answer 2

Try:

left: 50%; 
transform: translateX(-50%);