Css проблемка

[LoveCrime 0]

Добрый вечер, помогите решить проблему 

 

Вот поставил к себе на сайт анимированную страницу входа, 

 

вот пример взял её отсюда http://www.rudebox.org.ua/demo/create-animated-page-input-on-site/ (не реклама)

 

и где кнопка входа по центре, изменил на свой текст к примеру (Добрый день ) а сама кнопка осталась такая же, а текст выходит за рамки этой кнопки помогите решить где в css изменить эту рамку что-бы растянуть её ))))

 

[Vestar 8]

ширину измени 

 

.super-button {

position: absolute;

left: 50%;

top: 50%;

z-index: 200;

width: 200px;

height: 80px;

opacity: 0.8;

@include translateXY(-50%, -50%);

text-transform: uppercase;

font-size: 40px;

font-weight: bold;

color: $lightGray;

background-color: transparent;

border: 4px solid rgba(143,143,143, 0.5);

@include transition(1.5s);

[LoveCrime 0]

 

ширину измени 

 

.super-button {

position: absolute;

left: 50%;

top: 50%;

z-index: 200;

width: 200px;

height: 80px;

opacity: 0.8;

@include translateXY(-50%, -50%);

text-transform: uppercase;

font-size: 40px;

font-weight: bold;

color: $lightGray;

background-color: transparent;

border: 4px solid rgba(143,143,143, 0.5);

@include transition(1.5s);

 

 

Пробовал все равно не меняется ширина

[Vestar 8]

не знаю че ты там намудрил я проверил увеличивается

[Detect 618]

Все верно, меняешь параметр: width и все работает.

 

Просто потом у .button-line left и у .button-line right изменишь width и left right, ну поиграешься

[virusok 267]

если не сделал ещё - пиши