/*****************
    Buttons
 ****************/
.btn-double-border{
    position:relative;
    padding-left:20px;
    padding-right:20px;
    border-radius: 100px;
    border:2px solid #002350;
    font-family:Avenir-Medium;
    color: #002350;
    text-transform: uppercase;
    cursor:pointer;
}
.btn-double-border:hover{
    font-size:1.1rem;
    color: #002350;
}
.btn-double-border:before{
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -2px;
    bottom: -2px;
    z-index:-1;
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    border-radius: 100px;
}


.btn-green{
    box-shadow: 0 0 17px 20px rgba(138,229,128,0.15);
    background:#8AE580;
}
.btn-green:before{
    background:#8AE580;
}


.btn-orange{
    box-shadow: 0 0 17px 20px rgba(236, 203, 108,0.15);
    background:#ECCB6C;
}
.btn-orange:before{
    background:#ECCB6C;
}


.btn-blue{
    box-shadow: 0 0 17px 20px rgba(83, 160, 253,0.15);
    background:#53A0FD;
    color:#ffffff;
    display:inline-flex;
    align-items:center
}
.btn-blue svg{
    margin-right:1rem;
}
.btn-blue:before{
    background:#53A0FD;
    color:#ffffff;
}
.btn-blue:hover{
    color:#ffffff;
}


.btn-back{
    box-shadow: 0 0 17px 20px rgba(204, 204, 204,0.15);
    background:#cccccc;
}
.btn-back:before{
    background:#cccccc;
}

.custom-radio .custom-control {
    position: relative;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 2.5rem;
    margin-right: 1rem;
}

.custom-radio .custom-control-indicator{
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    background:transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-radio:hover .custom-control-indicator{
    background:rgba(255, 210, 120, 0.4)
}
.custom-radio .custom-control-indicator:before{
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -2px;
    bottom: -2px;
    z-index:-1;
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    border-radius: 100px;
    border:2px solid #ECCB6C;
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator{
    background:rgba(255, 210, 120, 1);
}