.poruci-wrapper{

position:fixed;

z-index:99999;

}


/* dugme */

.poruci-button{

background:#962121;

color:#fff;

padding:9px 26px;

font-size:16px;

font-weight:500;

text-transform: uppercase;

border-radius:40px;

text-decoration:none;

display:inline-block;

box-shadow:0 8px 22px rgba(0,0,0,0.25);

transition:all .25s ease;


/* suptilni pulse */

animation:poruciPulse 3s infinite;

}


/* hover */

.poruci-button:hover{

transform:translateY(-3px);

box-shadow:0 14px 28px rgba(0,0,0,0.30);

}


/* pulse animacija */

@keyframes poruciPulse{

0%{

box-shadow:0 0 0 0 rgba(150,33,33,0.5);

}

70%{

box-shadow:0 0 0 14px rgba(150,33,33,0);

}

100%{

box-shadow:0 0 0 0 rgba(150,33,33,0);

}

}


/* mali attention bounce svakih par sekundi */

@keyframes poruciBounce{

0%{transform:translateY(0)}

50%{transform:translateY(-4px)}

100%{transform:translateY(0)}

}

.poruci-button{

animation:poruciPulse 3s infinite, poruciBounce 4s infinite;

}


/* mobilni */

@media(max-width:768px){

.poruci-button{

padding:12px 20px;

font-size:15px;

}

}