.btn-136 * {
    box-sizing: border-box;
}

.btn-136 {
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    /*width: 80px;*/
    /*** full width block ***/
     width: 100%; 
}

.btn-136:active span::before {
    bottom: 0px;
    right: 0;
    top: 2px;
    left: 2px;
}

.btn-136:active span i {
    top: 8px;
}

.btn-136 span {
    cursor: pointer;
    position: relative;
    /*height: 80px;*/
	height: 100%;
    width: 100%;
    padding: 8px 15px;
    margin: 8px 4px;
    display: inline-block;
    border-radius: 10px;
    background: linear-gradient(180deg, #282828, #202020);
    box-shadow: inset -8px 0 8px rgba(0, 0, 0, 0.15),
        inset 0 -8px 8px rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(0, 0, 0, 0.75),
        10px 20px 25px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.btn-136 span::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    bottom: 14px;
    right: 12px;
    background: linear-gradient(90deg, #232323, #4a4a4a);
    border-radius: 10px;
    box-shadow: -10px -10px 10px rgba(255, 255, 255, 0.25),
        10px 5px 10px rgba(0, 0, 0, 0.15);
    border-left: 1px solid #0004;
    border-bottom: 1px solid #0004;
    border-top: 1px solid #0009;
}

.btn-136 span i {
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    font-style: normal;
    /*font-size: 24px;*/
    /*text-transform: uppercase;*/
    color: #fff;
}

/*** disabled style ***/
.btn-136:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: none;
    text-shadow: none;
    box-shadow: none;
}

.btn-136:disabled span {
    background: #dcdcdc;
    box-shadow: inset -8px 0 8px rgba(0, 0, 0, 0.15), inset 0 -8px 8px rgba(0, 0, 0, 0.25), 0 0 0 2px rgb(100 100 100 / 75%), 10px 20px 25px rgba(0, 0, 0, 0.4);
}

.btn-136:disabled span::before {
    background: #dcdcdc;
    border-top: 1px solid #85858599;
}








.btn-69 {
    display: inline-block;
    outline: none;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 13px 25px;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
                0 3px 6px rgba(110, 80, 20, 0.4),
                inset 0 -2px 5px 1px rgba(139, 66, 8, 1),
                inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
    background-image: linear-gradient(160deg,  #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
    border: 1px solid #a55d07;
    color: rgb(120, 50, 5);
    text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    user-select: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*** full width block ***/
    /* width: 100%; */
}

.btn-69:focus,
.btn-69:hover {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
                0 6px 6px rgba(0, 0, 0, 0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
    border: 1px solid rgba(165, 93, 7, 0.6);
    color: rgba(120, 50, 5, 0.8);
}

.btn-69:active {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
                0 3px 6px rgba(110, 80, 20, 0.4),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
}

.btn-69:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    text-shadow: none;
    border-color: #c2c2c2;
}









.btn-98 {
    /*font-size: 18px;*/
    outline: 0;
    border: 0;
    background: radial-gradient(100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100%);
    box-shadow: 0px 0.01em 0.01em rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 30%), inset 0px -0.01em 0px rgb(58 65 111 / 50%);
    /*padding: 13px 23px;*/
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-98:hover {
    box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #3c4fe0;
    transform: translateY(-0.1em);
}

.btn-98:active {
    box-shadow: inset 0px 0.1em 0.6em #3c4fe0;
    transform: translateY(0em);
}

/*** disabled style ***/
.btn-98:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    text-shadow: none;
}




.btn-157 {
    /*font-size: 16px;*/
    outline: 0;
    border: 0;
    background: linear-gradient(110.7deg,rgb(255,81,47) 1.7%,
            rgb(255,167,47) 8.2%,
            rgb(218,253,1) 16.2%,
            rgb(98,234,20) 23.4%,
            rgb(69,193,42) 32.8%,
            rgb(7,249,149) 43.7%,
            rgb(6,200,217) 55.3%,
            rgb(18,51,233) 65.5%,
            rgb(122,59,202) 74.5%,
            rgb(231,7,249) 82.3%,
            rgb(202,59,163) 91.4%);
    box-shadow: 0px 0.01em 0.01em rgb(45 35 66 / 40%),0px 0.3em 0.7em -0.01em rgb(45 35 66 / 30%),inset 0px -0.01em 0px rgb(58 65 111 / 50%);
    /*padding: 10px 23px;*/
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    transition: box-shadow 0.15s ease,transform 0.15s ease;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.btn-157:hover {
    box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%);
    transform: translateY(-0.1em);
}

.btn-157:active {
    box-shadow: none;
    transform: translateY(0em);
}

/*** disabled style ***/
.btn-157:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    text-shadow: none;
}







.btn-139 {
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
        rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
        rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset,
        rgba(0, 0, 0, 0.06) 0px 2px 1px,
        rgba(0, 0, 0, 0.09) 0px 4px 2px,
        rgba(0, 0, 0, 0.09) 0px 8px 4px,
        rgba(0, 0, 0, 0.09) 0px 16px 8px,
        rgba(0, 0, 0, 0.09) 0px 32px 16px!important;
    border: none;
    padding: 15px 25px;
    color: white!important;
    background: #ffffff!important;
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    display: inline-flex;
    font-size: 16px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-weight: bold;
    /*** full width block ***/
    /* width: 100%; */
}

.btn-139:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset,
        rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    color: #000;
}

.btn-139:active {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset,
    rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset, 
    1px 2px 5px 0 #818080;
}

/*** disabled style ***/
.btn-139:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    text-shadow: none;
    box-shadow: none;
}






.btn-124 {
    font-size: 18px;
    /*color: #234b53!important;*/
	/*color: #040e10 !important;*/
	  /*color: #8a7d6e;*/
     text-shadow:
        0 -3px 1px rgba(255, 255, 255, 0.15),
        0  3px 3px rgba(0, 0, 0, 0.35);
    background-image: linear-gradient(180deg, #c9c2f0 30%, transparent 70%);
    background-repeat: no-repeat;
    background-position: center 45%;
    background-size: 100% 200%;
    /*padding: 15px 28px;*/
    border-radius: 20px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0 60px 40px -7px!important;
    position: relative;
    transition: all 0.5s ease;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    /*** full width block ***/
    /* width: 100%; */
}

.btn-124::before,
.btn-124::after {
    content: "";
    inset: 0;
    position: absolute;
    border-radius: 20px;
}

.btn-124::before {
    background-image: radial-gradient(ellipse, rgba(204, 246, 255, 0.8) 20%, transparent 50%, transparent 200%), linear-gradient(90deg, #404040 -10%, transparent 30%, transparent 70%, #404040 110%);
    box-shadow: inset 0 0.25em 0.75em rgba(0, 0, 0, 0.8), inset 0 -0.05em 0.2em rgba(255, 255, 255, 0.4), inset 0 -1px 3px rgba(25, 196, 230, 0.75);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: 200% 80%, cover;
    background-position: center 220%;
    mix-blend-mode: overlay;
    filter: blur(0);
}

.btn-124::after {
    background: linear-gradient(180deg, rgba(213, 204, 255, 0.726), rgba(92, 74, 181, 0.75) 40%, transparent 80%);
    top: 0.075em;
    left: 0.75em;
    right: 0.75em;
    bottom: 1.4em;
    filter: blur(1px);
    mix-blend-mode: screen;
}

.btn-124:hover,
.btn-124:active,
.btn-124:focus {
    outline: none;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    background-position: center calc(45% - 0.75em);
}

/*** disabled style ***/
.btn-124:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    text-shadow: none;
    box-shadow: none;
}