#btn-depoooo { animation: blinker 2.5s linear infinite; }
.btn-grad-2 {
padding: 0.6em 2em;
color: #000;
border-color: #ba1212;
background: linear-gradient(270deg, rgb(226, 96, 96) 0%, rgb(117, 29, 29) 21%, rgb(253, 124, 124) 33%, rgb(226, 96, 96) 44%, rgb(117, 29, 29) 60%, rgb(253, 124, 124) 73%, rgb(226, 96, 96) 85%, rgb(117, 29, 29) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ba1212, inset 0 2px 0 0 #ba1212, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
color: #000
}
.btn-grad-3 {
color: #000;
border-color: #ba1212;
background: linear-gradient(270deg, rgb(226, 96, 96) 0%, rgb(117, 29, 29) 21%, rgb(253, 124, 124) 33%, rgb(226, 96, 96) 44%, rgb(117, 29, 29) 60%, rgb(253, 124, 124) 73%, rgb(226, 96, 96) 85%, rgb(117, 29, 29) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ba1212, inset 0 2px 0 0 #ba1212, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
}
.menubar {
background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}
#navbar-top {background: linear-gradient(#000000, #000000, #000000)}#content {background: linear-gradient(#000000, #000000)}.menubar {background: linear-gradient(#000000, #000000, #000000)}
#snackbar-mobile {
visibility: hidden;
width: 53rem;
background-color: #000;
color: #fff;
text-align: center;
border-radius: 25px;
position: fixed;
font-family: Glory, sans-serif;
z-index: 99999999999999999999999999999999999999999999999999999999999999;
border: 2px solid #ffd700;
display: flex !important;
gap: 1rem;
align-items: center;
max-width: 95%;
height: 60px;
right: 2%;
font-size: 12px;
bottom: 8%;
padding: 0.3rem;
transform: translateX(0);
margin-top: auto;
}
.snackbar-mobile-icon {
max-width: 2rem;
padding-right: 0.6rem;
}
.snackbar-mobile-img {
width: 35px;
margin-left: 1rem;
}
#snackbar-mobile.tampil {
visibility: visible;
-webkit-animation: 0.8s fadein, 0.8s 4.5s fadeout;
animation: 0.8s fadein, 0.8s 4.5s fadeout;
}
.btn-primary {
color: #ba1212;
border-color: #ba1212;
background: linear-gradient(270deg, rgb(226, 96, 96) 0%, rgb(117, 29, 29) 21%, rgb(253, 124, 124) 33%, rgb(226, 96, 96) 44%, rgb(117, 29, 29) 60%, rgb(253, 124, 124) 73%, rgb(226, 96, 96) 85%, rgb(117, 29, 29) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ba1212, inset 0 2px 0 0 #ba1212, inset 0 0 0 2px #fff, 3px 3px 3px 1px rgba(0,0,0,.2);
}
.glassmorphism {
background: linear-gradient(176deg, #e2c160, #755f1d, #fded7c 100%);
box-shadow: 1px 2px 5px rgb(226 193 96 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%), inset 0 0 2px #fffa2c, inset 0 0 3px #ffc930;
backdrop-filter: blur(11.7px);
}
.btn-secondary {
color: #ba1212;
border-color: #ba1212;
background: linear-gradient(270deg, rgb(226, 96, 96) 0%, rgb(117, 29, 29) 21%, rgb(253, 124, 124) 33%, rgb(226, 96, 96) 44%, rgb(117, 29, 29) 60%, rgb(253, 124, 124) 73%, rgb(226, 96, 96) 85%, rgb(117, 29, 29) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ba1212, inset 0 2px 0 0 #ba1212, inset 0 0 0 2px #fff, 3px 3px 3px 1px rgba(0,0,0,.2);
}
a {
color: #e3e2db;
}
.border-primary {
animation: borderPulse 1s infinite ease-out;
border-color: #ffc115 !important;
fill: #fff;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
color: white;
}
.card {
background-color: #043a54;
}
.my-2 {
color: #f46d0d;
}
.bg-white {
background: linear-gradient(to bottom, #e2c160 0%, #755f1d 50%, #e2c460 100%) !important;
}
#navbar-imglogo {
margin-left: 0 !important;
}
#container-apk-a {
text-transform: uppercase;
font-weight: bold;
font-size: 0.7rem;
color: white;
}
#container-apk-b {
text-transform: uppercase;
font-weight: bold;
font-size: 1.1rem;
color: #ff5e24;
}
#container-apk-button {
float: right;
text-transform: uppercase;
font-weight: bold;
}
#apk-button {
text-decoration: none;
display: inline-block;
padding: 0.6em 1.5em;
border-radius: 2rem;
box-sizing: border-box;
text-decoration: none;
font-weight: 700;
color: #ff5e24;
background: rgb(231,90,235);
background: linear-gradient(6deg, rgb(0 0 0) 0%, rgb(0 0 0) 56%, rgb(0 0 0) 100%);
text-align: center;
transition: all 0.2s;
animation: beat 1s infinite;
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes borderPulse{
0% { box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px rgb(255, 255, 255); }
100% { box-shadow: 0px 0px 0px 3px rgba(226, 193, 96, 0), 0px 0px 0px 10px rgba(253, 237, 124, 0); }
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
#carousel-togel .owl-stage-outer { padding-bottom:10px; padding-top:10px }
.btn-primary {
background-image: linear-gradient(144deg,#755f1d 15%, #dbbd62 33%, #755f1d 67%,#e2c460 100%);
border: 0;
color: #FFF;
}
.btn-secondary {
background-image: linear-gradient(144deg,#755f1d 15%, #dbbd62 33%, #755f1d 67%,#e2c460 100%);
border: 0;
color: #FFF;
}
.menubar {
background-image: linear-gradient(144deg,#e2c160, #755f1d 50%,#fded7c);
}
.btn-grad-1 {
background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
border: 0;
color: #FFF;
}
.btn-grad-2 {
background-image: linear-gradient(144deg,#40AFFF, #425BF3 50%,#DD00EB);
border: 0;
color: #FFF;
}
.btn-grad-3 {
background-image: linear-gradient(144deg,#e2c160, #755f1d 50%,#fded7c);
border: 0;
color: #FFF;
}
.btn-grad-4 {
background-image: linear-gradient(144deg,#00FFC9, #18A7A5 50%,#929DFE);
border: 0;
color: #FFF;
}
.btn-grad-5 {
background-image: linear-gradient(144deg,#FFAF40, #F35B42 50%,#EB00DD);
border: 0;
color: #FFF;
}
.btn-grad-6 {
background-image: linear-gradient(144deg,#FF40AF, #F3425B 50%,#EBDD00);
border: 0;
color: #FFF;
}
.btn-3d {
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: "JetBrains Mono",monospace;
height: 48px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 18px;
}
.btn-3d:focus {
box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}
.btn-3d:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn-3d:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}
.btn-glow {
padding: 0.6em 2em;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.btn-glow:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-btn-glow 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 10px;
}
@keyframes glowing-btn-glow {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.btn-glow:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222;
left: 0;
top: 0;
border-radius: 10px;
}
#container-apk {
border-color: #ba1212;
background: linear-gradient(90deg, rgb(226 193 96) 0%, rgb(253 237 124) 33%, rgb(226 193 96) 44%, rgb(253 237 124) 73%, rgb(226 193 96) 85%);
padding: 10px;
}
#container-apk-a {
text-transform: uppercase;
font-weight: bold;
font-size: 0.7rem;
}
#container-apk-b {
text-transform: uppercase;
font-weight: bold;
font-size: 1.1rem;
color: #000000;
}
#container-apk-button {
float: right;
text-transform: uppercase;
font-weight: bold;
}
#apk-button {
text-decoration: none;
display: inline-block;
padding: 0.6em 1.5em;
border-radius: 2rem;
box-sizing: border-box;
text-decoration: none;
font-weight: 700;
color: #FFFFFF;
background: rgb(4, 10, 191);
text-align: center;
transition: all 0.2s;
animation: beat 1s infinite;
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.wabutton{
width:50px;
height:50px;
position:fixed;
bottom:150px;
right:10px;
z-index:100;
}
