.btn {
    background: none;
    position: relative;
    padding: 0 20px;
    min-width: 200px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--rounded);
    color: var(--color-white);
    font-size: var(--typo-default);
    font-weight: var(--fw-bold);
}

.btn-link {
    font-weight: bold;
    color: var(--color-info);
}

.btn>span {
    position: relative;
    top: -1px;
}

.btn.fluid {
    min-width: inherit;
    width: 100%;
}

.btn:focus {
    box-shadow: none;
}

.btn.btn-xs {
    height: 40px;
    line-height: 40px;
}

.btn.btn-sm {
    height: 50px;
    line-height: 50px;
    font-size: var(--typo-sm);
    min-width: 160px;
}

.btn.btn-md {
    height: 60px;
    line-height: 60px;
}

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show>.btn.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.actitve:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
}

.btn-primary.disabled,
.btn-primary.disabled:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    opacity: 0.5;
}

.btn-primary-white,
.btn-primary-white:focus,
.btn-primary-white.focus,
.btn-primary-white:not(:disabled):not(.disabled).active,
.btn-primary-white:not(:disabled):not(.disabled):active,
.show>.btn-primary-white.dropdown-toggle {
    color: var(--color-secondary);
    border-color: transparent;
    background: var(--color-white);
}

.btn-primary-white:hover,
.btn-primary-white:active:hover,
.btn-primary-white.active:hover,
.btn-primary-white:active:focus,
.btn-primary-white.actitve:focus,
.btn-primary-white:active.focus,
.btn-primary-white.active.focus,
.btn-primary-white:focus:hover,
.btn-primary-white.focus:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
}

.btn-primary-white.disabled,
.btn-primary-white.disabled:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    opacity: 0.5;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    border-color: transparent;
    background: #2ac8bb;
}

.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.actitve:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover {
    color: #fff;
    border-color: transparent;
    background: #19a195;
}

.btn-secondary.disabled,
.btn-secondary.disabled:hover {
    color: #fff;
    border-color: transparent;
    background: #2ac8bb;
    opacity: 0.5;
}

.btn-border-primary,
.btn-border-primary:focus,
.btn-border-primary.focus,
.btn-border-primary:not(:disabled):not(.disabled).active,
.btn-border-primary:not(:disabled):not(.disabled):active,
.show>.btn-border-primary.dropdown-toggle {
    color: rgb(10, 133, 246);
    border: 1px solid rgb(10, 133, 246);
    background: transparent;
}

.btn-border-primary:hover,
.btn-border-primary:active:hover,
.btn-border-primary.active:hover,
.btn-border-primary:active:focus,
.btn-border-primary.actitve:focus,
.btn-border-primary:active.focus,
.btn-border-primary.active.focus,
.btn-border-primary:focus:hover,
.btn-border-primary.focus:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
}

.btn-border-primary.disabled,
.btn-border-primary.disabled:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    opacity: 0.5;
}

.btn-gray,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:not(:disabled):not(.disabled).active,
.btn-gray:not(:disabled):not(.disabled):active,
.show>.btn-gray.dropdown-toggle {
    color: var(--color-secondary-light);
    background: var(--color-light);
}

.btn-gray:hover,
.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray:active:focus,
.btn-gray.actitve:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.btn-gray:focus:hover,
.btn-gray.focus:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
}

.btn-gray.disabled,
.btn-gray.disabled:hover {
    color: #fff;
    border-color: transparent;
    background: rgb(10, 133, 246);
    background: -moz-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    background: linear-gradient(45deg, rgba(10, 133, 246, 1) 0%, rgba(77, 170, 253, 1) 100%);
    opacity: 0.5;
}

.btn-rounded {
    border-radius: 40px;
}

.btn-product-custom {
    min-width: 180px;
    height: 50px;
    background: var(--color-gray-200) !important;
}