/*------------------------------------*/
/*------------- BUTTONS --------------*/
/*------------------------------------*/
.button{
    cursor: pointer;
}
.gray-outline-button{
	padding: 0.59rem 0.95rem;
    background: $white;
    border: 1px solid $light_gray;
    @include border-radius(2px);
}
.gray-outline-button:not([href]):not([tabindex]),
.gray-outline-button:not([href]):not([tabindex]):hover{
    color: #7C8EAA;
}
.page-title .gray-outline-button {
    margin-right: 0.7rem;
    span.icon-arrow-left{
        font-size: 0.7rem;
    }
}
.blue-button{
    border: 1px solid transparent;
    background: #1A8CFF;
    font-size: 0.7rem;
    font-family: 'Inter-UI-Medium';
    padding: 0 2.4rem;
    border-radius: 3px;
    padding: 0 2.6rem;
}
.blue-button:not([href]):not([tabindex]),
.blue-button:not([href]):not([tabindex]):hover{
    color: $white;
    text-transform: none;
}
.custom-urls .add-url.gray-outline-button{
    display: inline-block;
    vertical-align: top;
    color: #1A8CFF;
    font-size: 1.7rem;
    margin-left: 0.2rem;
    width: 43px;
    height: 44px;
    text-align: center;
    padding: 0;
}
.custom-urls .add-url.gray-outline-button:hover{
    color: #1A8CFF;
}
.orange-button{
	background: #FF9902;
	color: $white !important;
    padding: 0.675rem 0.95rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    display: initial;
    @include border-radius(2px);
    span.icon-new-app{
	    margin-right: 0.7rem;
        display: inline-block;
        vertical-align: middle;
        font-size: 0.8rem;
    }
}

.submit-button{
    font-size: 11px;
    text-transform: uppercase;
    padding: 0.76rem;
    border: none;
    font-family: Inter-UI-Bold;
    line-height: 17px;
    margin: 0 5px;
    min-width: 160px;
}
:last-child.submit-button {
    margin-right:0;
}
:first-child.submit-button {
    margin-left:0;
}
kbd{
	background: rgba(26, 140, 255, 0.08);
	color: $blue;
	border: 1px solid rgba(26, 140, 255, 0.1);
	@include border-radius(2px);
    font-size: 0.7699rem;
    letter-spacing: -0.05px;
    padding: 0.1rem 0.4rem;
    font-family: Inter-UI-Regular;
}
.setup kbd{
    padding: 0.35rem 0.7rem;
    font-size: 0.7rem;
    letter-spacing: 0.05px;
    text-align: center;
}
.buttons-form{
    padding-top: 0.1rem;
    .button{
        font-family: 'Inter-UI-Bold';
        display: inline-block;
        width: 150px;
        text-align: center;
        padding: 0.73rem 0;
        margin-left: 0.6rem;
        letter-spacing: -0.95px;
    }
    .gray-outline-button{
        font-size: 11px;
    }
    .blue-button{
        color: $white;
    }
}
.add-url-popup{
    .blue-button{
        margin-left: 1.2rem;
        line-height: 42px;
    }
}
@media(max-width: 1023px){
    .setup kbd{
        display: inline-block;
        vertical-align: top;
    }
}
@media(max-width: 767px){
    kbd {
        display: block;
        width: 50%;
        text-align: center;
    }
    .setup kbd{
        float: right;
        width: auto;   
    }
    .buttons-form{
        .button{
            width: 100%;
            margin-bottom: 1rem;
            margin-left: 0;
        }
    }
}
@media(max-width: 374px){
    .setup kbd{
        padding: 0.35rem 0.2rem;
        font-size: 0.6rem;
    }
}
/*------------------------------------*/
/*------------- /BUTTONS -------------*/
/*------------------------------------*/
/**/