footer#srv_footer{ display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; height: 80px; padding: 16px 40px; margin-top: 40px; font-size: 14px; line-height: 16px; color: $black; background-color: $white; border-top: 1px solid $gray; a{ text-decoration: none; } .footer_left{ display: flex; flex-direction: column; .footer_line{ display: flex; &:first-child{ margin-bottom: 15px; } .footer_item{ padding: 0 8px; border-left: 1px $gray solid; &:first-child{ padding-left: 0; border-left: none; } } } } .footer_right{ text-align: left; span.faicon.inline_comment:before{ font-size: 14px !important; margin-right: 3px; } span.faicon.external_link:before{ font-size: 14px !important; margin-right: 3px; } .right_help_button{ position: fixed; right: -71px; top: calc(50%); width: 150px; padding: 4px 8px; border: 1px $blue solid; text-align: center; font-weight: 600; font-size: 15px; background-color: $white; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: 0.3s; &:hover{ color: $white; background-color: $blue; } } } }