.cookie-notification-modal{
    width:100%;
    font-size: 13px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:1060;
    padding-block:10px;
    line-height:1.5;
    background:rgb(246, 248, 255);
}
.cookie-agree{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
@media (max-width:767px){
    .cookie-agree{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.cookie-agree__text{
    line-height:1.5;
    margin:0;
}
@media (min-width:768px){
    .cookie-agree__text{
        padding-right:10px
    }
}
@media (max-width:767px){
    .cookie-agree__text{
        margin-bottom:10px
    }
}
.cookie-agree__buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media (max-width:767px){
    .cookie-agree__buttons{
        -ms-flex-item-align:center;
        align-self:center;
        -webkit-box-pack:stretch;
        -ms-flex-pack:stretch;
        justify-content:stretch;
        width:100%
    }
}
.cookie-agree__button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    font-weight: 600; 
    height:35px;
    border-radius:10px;
    -webkit-transition:color .3s ease-out,background .3s ease-out;
    transition:color .3s ease-out,background .3s ease-out;
    cursor:pointer
}
@media (min-width:768px){
    .cookie-agree__button{
        width:140px
    }
}
@media (max-width:767px){
    .cookie-agree__button{
        -webkit-box-flex:1;
        -ms-flex:1 0 140px;
        flex:1 0 140px
    }
}
.cookie-agree__button:not(:last-child){
    margin-right:10px
}
.button-hover-white {
    width: max-content;
	border: 1px solid rgba(54, 114, 250, 1); 
	background-color: white; 
	color: rgba(54, 114, 250, 1); 
	padding: 15px;
}
.button-hover-blue-wave {
    background-color: rgba(58, 122, 250, 1);
    color: #fff;
}

.button-hover-white, .button-hover-blue-wave {
 position: relative; 
 overflow: hidden;
 z-index: 1;
 cursor: pointer;
 &:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  transition: all .3s;
  z-index: -1;
 }
 &:hover:before {
  width: 100%;
 }
}

.button-hover-blue-wave:before {
 background-color: #ffffff50;
 border-radius: 10px;
}

.button-hover-white {
 &:hover {
  color: #fff;
 }
 &:before {
  background-color: rgba(54, 114, 250, 1);
  border-radius: 6px;
 }
}