body{
    font-family: 'Montserrat', sans-serif;
}
.rating__item_link{
    border-radius: 32px;
    font-size: 15px;
    color: white !important;
    background: #ec1c23;
    padding: 13px 2px;
}
.rating__item_bonus{
    max-width: max-content; 
}
.rating__item{
    background: rgb(255 255 255 / 11%);
    box-shadow: 0px 2px 1px rgb(0 0 0 / 45%);
}
.rating__item_bonus{
	position: relative;
}
.links_item{
	text-decoration: none;
}
.links_item img{
margin-bottom: 12px;	
}
.rating__item_bonus span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.c-button {
    background: #76a3af !important;
    border-radius: 3em !important;
    border: 0;
    border: 3px solid rgb(59 83 95);
    color: #ffffff !important;
    cursor: pointer;
    font-weight: bold;
    outline: none;
    padding: 1.25em 2em !important;
    position: relative;
    text-transform: uppercase;
    transform-style: preserve-3d;
	text-align: center;
    transition: all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.c-button::before {
    background: #76a3af;
    border-radius: inherit;
    box-shadow: 0 0 0 2px rgb(118 163 175), 0 0.6em 0 0 rgb(160 204 216);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0.75em, -1em);
    transition: all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
}
.c-button:hover {
  transform: translate(0, 0.25em);
}
.c-button:hover::before {
    box-shadow: 0 0 0 2px rgb(55 78 84), 0 0.45em 0 0 rgb(118 163 175 / 72%);
    transform: translate3d(0, 0.5em, -1em);
}
.c-button:active {
  background: #ffe9e9;
  transform: translate(0, 0.75em);
}
.c-button:active::before {
  box-shadow: 0 0 0 3px rgba(182, 0, 0, 0.45), 0 0 #ffe9e9;
  transform: translate3d(0, 0, -1em);
}
@media(max-width: 575px){
	.rating__item_bonus span{
		position: static;
	}
}