.button {
    cursor: pointer;
    height: 30px;
    text-align: center;
    font-size: 1.6em;
    line-height: 28px;
    font-weight: 400;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    vertical-align: top;
    position: relative;
    display: inline-block;
    padding: 0 20px;
}
.button_profile {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    position: absolute;
    right: auto;
    left: 30%;
    bottom: 20px;
}
.button_dm{
    left: 30%;
    bottom: 20px;
    position: absolute;
    overflow: hidden;
    background-color: #87c13b;
    border-color:  #67942c !important;
    color: #fff;
    padding-left: 60px;
}
.button_dm span{
    position: relative;
    z-index: 1;
}
.button_dm:hover{
    border-color:  #67942c !important;
    background-color: #87c13b !important;
}
.button_dm:hover i{
    width: 100%;
}
.button_dm i{
    width: 40px;
    height: 40px;
    top: -4px;
    background-color: #67942c;
    left: 0;
    position: absolute;
}
.button:hover {
    background-color: #000;
    color: #fff;
}
.button_pagination {
    background-color: transparent;
    color: #fff;
    border-color: transparent;
    height: 40px;
    width: 40px;
    padding: 0;
    line-height: 38px;
}
.button_pagination_active, .button_pagination:hover {
    border-color: #fff;
    background-color: transparent;
}
.button_pagination i {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
.button_pagination i.arrow-left {
    float: left;
}
.button_pagination i.arrow-right {
    float: right;
}
.button_pagination:first-child, .button_pagination:last-child {
    width: 120px;
    border-color: #fff;
}
.button_pagination:first-child:hover, .button_pagination:last-child:hover {
    background-color: rgba(0, 0, 0, 0.15);
}
.button_pagination:first-child {
    text-align: left;
}
.button_pagination:last-child {
    text-align: right;
}
.button_login {
    background-color: #3cca9a;
    color: #fff;
    font-size: 1.6em;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 44px;
    vertical-align: top;
    width: 110px;
    text-align: left;
}
.button_login:hover {
    color: #fff;
    background-color: #3cca9a;
}
.button_login:hover .button__icon {
    width: 100%;
}
.button_login .button__icon {
    background-color: #25a77b;
}
.button__icon {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.button__icon i {
    width: 30px;
    height: 30px;
}
.button__label {
    position: relative;
    z-index: 1;
}
.button_poster {
    width: 120px;
    padding: 0;
}
.button_list {
    width: 120px;
    padding: 0;
    vertical-align: middle;
}
.button_afisha {
    color: #eb8571;
    border-color: #eb8571;
}
.button_afisha:hover {
    color: #fff;
    background-color: #eb8571;
}
.button_video {
    color: #76ccb7;
    border-color: #76ccb7;
}
.button_video:hover {
    color: #fff;
    background-color: #76ccb7;
}
.button_audio {
    color: #f7d27c;
    border-color: #f7d27c;
}
.button_audio:hover {
    color: #fff;
    background-color: #f7d27c;
}
.button_blogs {
    color: #78c3de;
    border-color: #78c3de;
}
.button_blogs:hover {
    color: #fff;
    background-color: #78c3de;
}
.button_photos {
    color: #a5b372;
    border-color: #a5b372;
}
.button_photos:hover {
    color: #fff;
    background-color: #a5b372;
}
.button_notices {
    color: #81a9de;
    border-color: #81a9de;
}
.button_notices:hover {
    color: #fff;
    background-color: #81a9de;
}
.button_library {
    color: #ed8e98;
    border-color: #ed8e98;
}
.button_library:hover {
    color: #fff;
    background-color: #ed8e98;
}
.button_catalog {
    color: #ad5c74;
    border-color: #ad5c74;
}
.button_catalog:hover {
    color: #fff;
    background-color: #ad5c74;
}
.button_news {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.button_news:hover, .button_comments:hover {
    color: #000;
    background-color: #fff;
}
.button_comments {
    color: #fff;
    float: right;
    background-color: transparent;
    border-color: #fff;
    width: 160px;
    font-weight: 300;
    height: 38px;
    font-size: 1.7em;
    line-height: 35px;
    margin: 20px 0;
}
