.cookie {box-sizing: border-box; width: 100%; min-height: 10px; max-height: 250px; padding: 12px; position: fixed; bottom: 0; left: 0; z-index: 999; background: #fff; border-top: 1px solid #ECECEC; box-shadow: 0 -5px 20px rgba(236, 236, 236, 0.8); display: flex; align-items: center; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.4; color: #333;}
.cookie > div {padding-left: 5%; padding-right: 5%; box-sizing: border-box;}
.cookie a {color: #8AC44B; text-decoration: underline;}
.cookie a:hover {color: #1C6031;}
.cookie__btns {display: flex; gap: 8px; flex-shrink: 0;}
.cookie__btn {display: inline-block; vertical-align: middle; background: #fff; border: 1px solid transparent; padding: 12px 20px 9px; cursor: pointer; text-align: center; font-family: inherit; font-weight: bold; font-size: 13px; line-height: 1.4; text-transform: uppercase; border-radius: 4px; box-sizing: border-box; transition: all 0.2s ease-in-out;}
.cookie__btn:hover {transition: all 0.2s ease-in-out;}
.cookie__disagree {background: transparent; border: 1px solid #8AC44B; color: #8AC44B;}
.cookie__disagree:hover {background: #8AC44B; border-color: #8AC44B; color: #fff;}
.cookie__agree {background: #8AC44B; border: 1px solid #8AC44B; color: #fff;}
.cookie__agree:hover {background: #7AB23F; border-color: #7AB23F; color: #fff;}
@media screen and (max-width:767px) {
	.cookie > div {padding-left: 1%; padding-right: 1%;}
}
@media screen and (max-width:480px) {
	.cookie {flex-wrap: wrap;}
	.cookie__text {width: 100%; margin-bottom: 10px;}
	.cookie__btns {width: 100%;}
	.cookie__btn {flex: 1 1 0;}
}