#soglashenie .soglashenie_knopka, #soglashenie .soglashenie_knopka:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* Стили основного уведомления */ #soglashenie { background: #8cb65f; border: 2px solid #192730; bottom: 0; font-family: 'Open Sans', sans-serif; left: 0; max-height: 100%; opacity: 1; overflow-x: hidden; overflow-y: auto; padding: 5px 0; position: fixed; text-align: left; width: 100%; z-index: 9999; } #soglashenie * { box-sizing: border-box; margin: 0; outline: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #soglashenie .soglashenie_wrapper { margin: 0 auto; width: 90%; } #soglashenie a[href^=tel] { color: inherit; } #soglashenie a:focus, #soglashenie button:focus { outline: unset; outline: none; } /* Стили текста уведомления */ #soglashenie p { color: #000; font-size: 14px; font-weight: 400; line-height: 1.4; } #soglashenie a { color: #000099; text-decoration: underline; } /* Стили кнопки */ #soglashenie .soglashenie_knopka { backface-visibility: hidden; background: #192730; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 14px; opacity: 1; padding: 5px 10px; position: relative; text-decoration: none; transform: translateZ(0); vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 5px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } /* Отступ кнопки на смартфонах */ @media only screen and (max-width: 500px) { #soglashenie .soglashenie_knopka { display: block; margin-top: 1em; } } #soglashenie .soglashenie_knopka:hover, #soglashenie .soglashenie_knopka:focus { text-decoration: none; } /* Стили при наведении на кнопку */ #soglashenie .soglashenie_knopka:after { } #soglashenie .soglashenie_knopka:hover:after, #soglashenie .soglashenie_knopka:focus:after { left: 0; right: 0; } @media only screen and (max-width: 767px) { #soglashenie { padding: 15px 0; } #soglashenie .soglashenie_wrapper { width: 96%; } #soglashenie p { font-size: 14px; }