1 @import '../../../@theme/styles/themes';
2 @import '~@nebular/theme/styles/global/bootstrap/hero-buttons';
4 @include nb-install-component() {
11 $bevel: btn-hero-bevel(nb-theme(card-bg));
12 $shadow: nb-theme(btn-hero-shadow);
13 box-shadow: $bevel, $shadow;
23 justify-content: center;
27 border-radius: nb-theme(card-border-radius);
28 transition: width 0.4s ease;
29 transform: translate3d(0, 0, 0);
30 -webkit-transform-style: preserve-3d;
31 -webkit-backface-visibility: hidden;
32 color: nb-theme(color-white);
35 @include btn-hero-primary-gradient();
36 @include btn-hero-primary-bevel-glow-shadow();
39 @include btn-hero-success-gradient();
40 @include btn-hero-success-bevel-glow-shadow();
43 @include btn-hero-info-gradient();
44 @include btn-hero-info-bevel-glow-shadow();
47 @include btn-hero-warning-gradient();
48 @include btn-hero-warning-bevel-glow-shadow();
53 background: lighten(nb-theme(card-bg), 5%);
57 background-image: btn-hero-primary-light-gradient();
60 background-image: btn-hero-success-light-gradient();
63 background-image: btn-hero-info-light-gradient();
66 background-image: btn-hero-warning-light-gradient();
72 color: nb-theme(card-fg);
75 color: nb-theme(card-fg);
77 &.primary, &.success, &.info, &.warning {
79 background-image: linear-gradient(to right, transparent, transparent);
84 color: nb-theme(card-fg);
90 flex-direction: column;
91 justify-content: center;
93 padding: 0 0.5rem 0 0.75rem;
94 border-left: 1px solid transparent;
98 font-family: nb-theme(font-secondary);
100 font-weight: nb-theme(font-weight-bold);
101 color: nb-theme(card-fg-heading);
106 font-weight: nb-theme(font-weight-light);
107 text-transform: uppercase;
108 color: nb-theme(card-fg);
112 @include nb-for-theme(cosmic) {
114 &.off .icon-container {
115 border-right: 1px solid nb-theme(separator);
123 padding-left: 1.25rem;
130 border-radius: nb-theme(card-border-radius) 0 0 nb-theme(card-border-radius);
134 font-weight: nb-theme(font-weight-bolder);
138 font-weight: nb-theme(font-weight-light);