:root{
    font-family: 'Raleway', sans-serif;
    --color-1: #1d2133;
    --color-2: #21295b;
    --color-3: #7a9fd3;
    --color-4: #febc12;
    --color-5: #f2deb6;
    --padding-el: 3rem;
}

.btn-rezerva{
    background-color: var(--color-4);
    padding:0.6rem;
    margin-top: 0.3rem;
    border-radius: 5rem;
    color:white;
	animation: jittery 4s infinite; 
	opacity: 0.8;
}

.btn-rezerva:hover{
   cursor: initial;
}

.btn-rezerva-nav{
    animation: none;
    background:var(--color-2);
    font-size: 14px;
}

.btn-rezerva a, .btn-rezerva a:hover{
    color:white;
    text-decoration: none;
}

.btn-rezerva:focus{
    outline:inherit;
}

@keyframes jittery {
	5%,
	50% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.9);
	}
	15% {
		transform: scale(1.15);
	}
	20% {
		transform: scale(1.15) rotate(-5deg);
	}
	25% {
		transform: scale(1.15) rotate(5deg);
	}
	30% {
		transform: scale(1.15) rotate(-3deg);
	}
	35% {
		transform: scale(1.15) rotate(2deg);
	}
	40% {
		transform: scale(1.15) rotate(0);
	}
}