[Perumov]

Ребята, вопрос не по сабжу, но тоже про кнопки.
Возникла проблема с кнопкой, а именно: после вызова функции js, нужной кнопке "Уже в корзине" присваивается стиль display:inline; хотя css правилом в классе .button-css-blue определено block, переопределение стиля вызывает проблемы с правильным отображением кнопки "Уже в корзине". Для наглядности код:

<p class="buy-block-button"><a href="#" class="button-css-green" onclick="return false">Купить!</a></p>
<p class="buy-block-button"><a href="#" class="button-css-blue">Уже в корзине</a></p>

.buy-block-button .button-css-blue{
			display:none;
			margin:5px 0 0 0;
			font-size:.78em;
			font-weight:bold;
		}

$(function(){
    $(".buy-block-button .button-css-green").on("click", function(){
        $(".buy-block-button .button-css-green").hide();
        $(".buy-block-button .button-css-blue").show();
    });
});

Скрипт js работает в связке с библиотекой jquery 1.8.3.
Попробовал переопределить стиль через html:

<p class="buy-block-button"><a href="#" class="button-css-blue" style="display:none;">Уже в корзине</a></p>

A в css удалил правило display:none; Но все равно после вызова функции js кнопка съезжает в сторону, хотя уже и выглядит как блочный элемент.
Подскажите, пожалуйста, где тут проблема?