﻿.pica_btn {
    display:inline-block;
    z-index:10;
    margin: 5px 0;
    position:relative;
    line-height:1;
}
.pica_btn > span {
    display:inline-block;
    min-width:60px;
    background-color:#e52530;
    color:White;
    text-align:center;
    padding:7px 25px;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:    0px 3px 0px 0px rgba(0, 0, 0, 0.6);
    box-shadow:         0px 3px 0px 0px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.pica_btn.white > span {
    background-color:White;
    color:#e52530;
}
.pica_btn.big > span {
    padding:15px 25px;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:    0px 4px 0px 0px rgba(0, 0, 0, 0.6);
    box-shadow:         0px 4px 0px 0px rgba(0, 0, 0, 0.6);
}

.pica_btn > span:hover {
    background-color:#ce0000;
}
.pica_btn.white > span:hover {
    background-color:#eaeaea;
}
.pica_btn.gray > span { background-color:#b0b0b0; }
.pica_btn.gray > span:hover { background-color:#a0a0a0; }
.pica_btn.orange > span { background-image: linear-gradient(to right, #e52530 , #f16129); }
.pica_btn.disabled > span {
    background-color:#c0c0c0 !important;
}
.pica_btn.disabled > span:hover {
    background-color:#b0b0b0 !important;
}
.pica_btn.half > span {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pica_btn.half2 > span {
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pica_btn.go > span:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f137";
    padding:0 1em 0 0;
}
/*-------  simple gray btn  -------*/
.pica_btn2 {
    display:inline-block;
    z-index:10;
    margin: 5px 0;
    position:relative;
    line-height:1;
    text-align:center;
    padding:7px 12px;
    font-weight:bold;
    cursor:pointer;
    color:White;
	border: 1px solid white;
	background-color:rgb(90,90,90);
	background-color:rgba(0,0,0,0.2);
    border-radius: 3px;
}
.pica_btn2:hover {
	background-color:rgb(80,80,80);
	background-color:rgba(0,0,0,0.3);
}

/*-------  old btn  -------*/
.pica_btn0 {
    display:inline-block;
    z-index:10;
    margin: 5px 0;
    position:relative;
    line-height:1;
}
.pica_btn0 > span {
    display:inline-block;
    min-width:60px;
    background-color:#e52530;
    color:White;
    text-align:center;
    padding:7px 12px;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.pica_btn0.big > span {
    padding:15px 25px;
}
.pica_btn0 > span:before {
    content:'';
    width:75px;
    height:20px;
    position:absolute;
    z-index:-1;
    left:3px;
    bottom:-2px;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-3deg); /* FireFox */
    transform: rotate(-3deg);
    background-color:black;
    opacity:0.3;
    outline: 1px solid transparent;
}
.pica_btn0.big > span:before {
    width:140px;
    left:6px;
    bottom:-4px;
}
.pica_btn0 > span:hover {
    background-color:#ce0000;
}
.pica_btn0.disabled > span {
    background-color:#c0c0c0;
}
.pica_btn0.disabled > span:hover {
    background-color:#b0b0b0;
}
