#bookmaker-wrapper{
    display:flex;
	gap:8px;
	align-items:center;
	margin-bottom:20px;
    justify-content: flex-start;
    overflow-x: auto;
}

#bookmaker-wrapper .bookmaker-card
{
  height:19em;
  width:15em!important;
  display:flex;
  flex-direction:column;
  position:relative;
  border-radius:16px;
  overflow:hidden;
    box-shadow: 0px 5px 5px #e1e1e3, 0 0 0 #ffffff;  
	background-color:black;
  flex-shrink: 0;

}
#bookmaker-wrapper .bookmaker-card:hover {
    background-color: var(--on-hover-bg-color);
}
#bookmaker-wrapper .bookmaker-img
{
  height:50px;
  width:100%;	
  position:Absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("http://slotigrice.rs/wp-content/uploads/2024/01/Mozzart-logo.png");
  background-size:contain;
  background-repeat:no-repeat;
  background-position-x: center;
}
#bookmaker-wrapper .bookmaker-card:hover .bookmaker-img  {
    opacity: .5;
    transform: translateY(-200%);
	transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
#bookmaker-wrapper .description-wrapper{
  background-color: #FAFAFC;
  width:100%;	
  height: 55px;
  bottom: 0;
  position: absolute;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
	text-align:center;
}
#bookmaker-wrapper .upArrow, h5.offerTitle{
	text-align:center;
}
#bookmaker-wrapper h5.offerTitle{
 margin-bottom:8px!important;
background: linear-gradient(45deg,#f4be0d,#000000);	
-webkit-background-clip: text; 
 color: transparent!important;
font-size:15px !important;
margin-top: 5px;
}

#bookmaker-wrapper a {
text-decoration:none!important;
background: linear-gradient(45deg,#f4be0d,#000000);	
-webkit-background-clip: text; 
 color: transparent!important;
}
#bookmaker-wrapper .bookmaker-card:hover h5.offerTitle{
	margin-top:15px;
	transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	width:90%;
        margin:8px auto;
      line-height:1.1;
	text-decoration:none !important;
}
#bookmaker-wrapper .description-wrapper p{
	line-height:1.4;
	padding:0 7px;
	margin-bottom:0 !important;
}
#bookmaker-wrapper .boldParagraph{
	font-weight:bold;
	margin-bottom:8px !important;
color:black !important;
font-style:normal;

}
#bookmaker-wrapper .bookmaker-card:hover .description-wrapper
{
 height:11em;
 text-align:center;
 position:absolute; 
 bottom:0em; 
 -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
 -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
 transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#bookmaker-wrapper .linkToRedirect{
    background: linear-gradient(45deg,#f4be0d,#000000);
    border-radius: 5px 8px;
    padding: 5px 10px;	
	color:white !important;
	text-decoration:none !important;
}

@media screen and (max-width: 550px) {
	#bookmaker-wrapper .bookmaker-card
{
  width:15em!important;
  height:18em!important;
}

 #bookmaker-wrapper{
	gap:15px;
}
#bookmaker-wrapper .bookmaker-card:hover h5.offerTitle{
	margin-top:22px;
	}
}