@import '_variables'; @import '_mixins'; .btn-group-subscribe { @include peertube-button; @include disable-default-a-behaviour; float: right; padding: 0; & > .btn, & > .dropdown > .dropdown-toggle { font-size: 15px; } // Unlogged & > .dropdown > .dropdown-toggle span { padding-right: 3px; } // Logged & > .btn { padding-right: 4px; & + .dropdown > button { padding-left: 2px; &::after { position: relative; top: 1px; } } } &.subscribe-button { .btn { @include orange-button; font-weight: 600; } span.followers-count { padding-left: 5px; } } &.unsubscribe-button { .btn { @include grey-button; font-weight: 600; } } .dropdown-menu { cursor: default; button { cursor: pointer; } } .dropdown-header { padding-left: 1rem; } /deep/ form { padding: 0.25rem 1rem; } input { @include peertube-input-text(100%); } }