Old subscribe button for v3 by Mairoma

/* ==UserStyle==
@name         YouTube 2013 Early Subscribe button for v3
@version      20240319.22.23
@namespace    https://userstyles.world/user/Mairoma
@description  This is the early subscribe button of youtube, also i used the old code, so is very accurate.
@author       Mairoma
@license      No License
==/UserStyle== */
yt-uix-expander-collapsed .collapsable {
 display:none
}
body .yt-uix-button-subscribe-branded,
body .yt-uix-button-subscribed-branded {
 height:24px;
 font-size:11px
}
body .yt-uix-button-subscribe-branded,
body .yt-uix-button-subscribed-branded.external {
 padding:0
}
body .yt-uix-button-subscribed-branded {
 padding:0 6px
}
body .yt-uix-button-subscribe-unbranded,
body .yt-uix-button-subscribed-unbranded {
 font-size:10px;
 padding:0 3px;
 height:18px
}
.yt-uix-button-subscribe-branded,
.yt-uix-button-subscribed-branded,
.yt-uix-button-subscribe-unbranded,
.yt-uix-button-subscribed-unbranded {
 max-width:100%
}
.yt-uix-button-subscribe-branded {
 border:1px solid #ccc;
 background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
 background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe0e0e0);
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px
}
.yt-uix-button-subscribe-branded:hover,
.yt-uix-button-subscribe-branded:active {
 border-color:#333
}
.yt-uix-button-subscribe-branded:hover {
 background-image:-moz-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:-o-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#d2d2d2));
 background-image:-webkit-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:linear-gradient(to bottom,#fff 0,#d2d2d2 100%)
}
.yt-uix-button-subscribe-branded:active {
 -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 -ms-box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 background-image:-moz-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:-ms-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:-o-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(100%,#d2d2d2));
 background-image:-webkit-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:linear-gradient(to top,#fff 0,#d2d2d2 100%)
}
.yt-uix-button-subscribe-unbranded {
 border-color:#d8d8d8;
 background-image:-moz-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:-o-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb));
 background-image:-webkit-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:linear-gradient(to bottom,#fff 0,#fbfbfb 100%);
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px
}
.yt-uix-button-subscribe-unbranded:hover,
.yt-uix-button-subscribe-unbranded:active {
 border-color:#d5d5d5;
 background-image:-moz-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:-o-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f1f1f1));
 background-image:-webkit-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:linear-gradient(to bottom,#fff 0,#f1f1f1 100%)
}
.yt-uix-button-subscribe-unbranded:active {
 -moz-box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
 -ms-box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
 -webkit-box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
 box-shadow:inset 0 2px 0 rgba(0,0,0,.25)
}
.yt-uix-button-subscribed-branded {
 border:1px solid #e1e1e1;
 background:#fff
}
.yt-uix-button-subscribed-unbranded {
 border-color:#b8b8b8;
 background:#fff
}
.yt-uix-button-subscribed-branded.hover-enabled:hover,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover {
 background-color:#a9382e;
 border:1px solid #880904;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px
}
.yt-uix-button-subscribe-branded:focus,
.yt-uix-button-subscribe-unbranded:focus .yt-uix-button-subscribed-branded:focus,
.yt-uix-button-subscribed-unbranded:focus {
 outline:0;
 border-color:#6892e7;
 -moz-box-shadow:0 0 5px rgba(104,146,231,.5);
 -ms-box-shadow:0 0 5px rgba(104,146,231,.5);
 -webkit-box-shadow:0 0 5px rgba(104,146,231,.5);
 box-shadow:0 0 5px rgba(104,146,231,.5)
}
.yt-uix-button-subscribe-branded .yt-uix-button-content,
.yt-uix-button-subscribed-branded .yt-uix-button-content,
.yt-uix-button-subscribe-unbranded .yt-uix-button-content,
.yt-uix-button-subscribed-unbranded .yt-uix-button-content {
 display:inline-block
}
.yt-uix-button-subscribe-branded .yt-uix-button-content {
 position:relative;
 color:#333;
 text-shadow:0 1px 0 #fff
}
.yt-uix-button-subscribed-branded .yt-uix-button-content {
 color:#666;
 opacity:.7
}
.yt-uix-button-subscribe-unbranded .yt-uix-button-content,
.yt-uix-button-subscribed-unbranded .yt-uix-button-content {
 width:100%;
 color:#888;
 line-height:18px;
 text-align:center
}
.yt-uix-button-subscribed-unbranded .yt-uix-button-content,
.yt-uix-button-subscribe-unbranded.ypc-enabled .yt-uix-button-content {
 width:85%
}
.yt-uix-button-subscribe-branded:hover .yt-uix-button-content {
 color:#000
}
.yt-uix-button-subscribe-unbranded:hover .yt-uix-button-content,
.yt-uix-button-subscribe-unbranded:active .yt-uix-button-content {
 color:#888
}
.yt-uix-button-subscribed-branded.hover-enabled:hover .yt-uix-button-content,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover .yt-uix-button-content {
 color:#fff;
 text-shadow:0 -1px 0 rgba(0,0,0,.5);
 opacity:.9
}
.yt-uix-button-subscribe-branded .yt-uix-button-content span,
.yt-uix-button-subscribed-branded .yt-uix-button-content span {
 padding:0 6px
}
.subscribe-label,
.subscribed-label,
.unsubscribe-label,
.unavailable-label,
.yt-uix-button-subscribed-branded.hover-enabled:hover .subscribed-label,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover .subscribed-label {
 display:block;
 line-height:0;
 visibility:hidden;
 overflow:hidden;
 white-space:nowrap;
 word-wrap:normal;
 *zoom:1;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.yt-uix-button-subscribe-branded .subscribe-label,
.yt-uix-button-subscribe-branded .unavailable-label,
.yt-uix-button-subscribed-branded .subscribed-label,
.yt-uix-button-subscribed-branded.hover-enabled:hover .unsubscribe-label {
 line-height:22px;
 visibility:visible
}
.yt-uix-button-subscribe-unbranded .subscribe-label,
.yt-uix-button-subscribe-unbranded .unavailable-label,
.yt-uix-button-subscribed-unbranded .subscribed-label,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover .unsubscribe-label {
 line-height:18px;
 visibility:visible
}
.yt-uix-button-subscribe-branded .yt-uix-button-icon-wrapper,
.yt-uix-button-subscribed-branded.external .yt-uix-button-icon-wrapper {
 position:relative;
 top:-1px;
 left:-1px;
 width:24px;
 height:22px;
 max-height:22px;
 border:1px solid #880904;
 background:#a9382e;
 text-align:center;
 line-height:22px;
 -moz-border-radius-topleft:2px;
 -webkit-border-top-left-radius:2px;
 border-top-left-radius:2px;
 -moz-border-radius-bottomleft:2px;
 -webkit-border-bottom-left-radius:2px;
 border-bottom-left-radius:2px;
 *top:-2px;
 *left:-2px
}
.yt-uix-button-subscribe-branded.ypc-enabled .yt-uix-button-icon-wrapper {
 border-color:#376a29;
 background:#518442
}
.yt-uix-button-subscribe-branded.ypc-unavailable .yt-uix-button-icon-wrapper {
 background:#ccc
}
.yt-uix-button-subscribed-branded.external .yt-uix-button-icon-wrapper {
 border-color:transparent;
 background:#888
}
.yt-uix-button-subscribe-branded:hover .yt-uix-button-icon-wrapper,
.yt-uix-button-subscribe-branded:active .yt-uix-button-icon-wrapper {
 border-color:#6c0400
}
.yt-uix-button-subscribe-branded.ypc-enabled:hover .yt-uix-button-icon-wrapper,
.yt-uix-button-subscribe-branded.ypc-enabled:active .yt-uix-button-icon-wrapper {
 border-color:#276a29
}
.yt-uix-button-subscribe-branded:hover .yt-uix-button-icon-wrapper {
 background-image:-moz-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:-ms-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:-o-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b85046),color-stop(100%,#91251e));
 background-image:-webkit-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:linear-gradient(to bottom,#b85046 0,#91251e 100%)
}
.yt-uix-button-subscribe-branded.ypc-enabled:hover .yt-uix-button-icon-wrapper {
 background-image:-moz-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:-ms-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:-o-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6f9c61),color-stop(100%,#38672c));
 background-image:-webkit-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:linear-gradient(to bottom,...