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

.default-btn .primary-btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #1EE576;
    color: #222222;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
    position: relative;
}

.default-btn .primary-btn:hover,
.default-btn .primary-btn:active {
    background: #19C063;
    color: #222222;
}

.default-btn .primary-btn:focus {
    background: #1EE576;
}

.default-btn .primary-btn:focus::before{
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 2px solid #222;
    border-radius: 40px;
}

 .default-btn .primary-btn.btn:first-child:active {
    background: #17B35C;
}

.primary-btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #1EE576;
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.primary-btn:hover,
.primary-btn:active {
    background: #19C063;
}

.primary-btn:focus {
    background: #1EE576;
    outline: 2px solid #000000;
}

.primary-btn.btn:first-child:active {
    background: #17B35C;
}

.qualities-btn .secondary-btn.btn,
.black-btn .secondary-btn.btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #000000;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
    position: relative;
}

.qualities-btn .secondary-btn:hover,
.qualities-btn .secondary-btn:active,
.black-btn .secondary-btn:hover,
.black-btn .secondary-btn:active {
    background: #4F4F4F;
    text-decoration: none !important;
}

.qualities-btn .secondary-btn:focus,
.black-btn .secondary-btn:focus {
    background: #000;
}

.qualities-btn .secondary-btn:focus::before,
.black-btn .secondary-btn:focus::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-radius: 40px;
}

.secondary-btn.btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #000000;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.secondary-btn:hover,
.secondary-btn:active {
    background: #4F4F4F;
}

.secondary-btn:focus {
    background: #4F4F4F;
    outline: 2px solid #000000;
}

.outline-btn {
    width: 172px;
    height: 48px;
    border: 1px solid #000000;
    background: transparent;
    color: #222222;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.outline-btn:hover,
.outline-btn:active {
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
}

.btn.disabled-btn {
    width: 172px;
    height: 48px;
    border: 1px solid #CACACA;
    background: #CACACA;
    color: #666666;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.default-error-btn .error-btn {
    width: 172px;
    height: 48px;
    border: 2px solid #D22B2B;
    background: transparent;
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.error-btn {
    width: 172px;
    height: 48px;
    border: 3px solid #D22B2B;
    background: #ffffff;
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.header-call-btn {
    background: rgba(102, 102, 102, 0.75);
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.73px;
    text-align: left;
    width: 225px;
    height: 40px;
    border-radius: 40px;
}

.header-call-btn span {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.73px;
    text-align: left;
color: #ffffff;
}
.header-call-btn span a {color: #ffffff; text-decoration: underline; margin-left: 5px;}
@media only screen and (max-width: 600px) {
    .btn {
        width: 100% !important;
        min-width: auto !important;
    }
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow: none !important;
}
.black-btn .btn-check:checked+.btn, .black-btn .btn.active, .black-btn .btn.show, .black-btn .btn:first-child:active,.black-btn :not(.btn-check)+.btn:active {
    color: #ffffff;
    background-color: #292929;
    border-color: #292929;
}
.outline-btn .btn-check:checked+.btn, .outline-btn .btn.active, .outline-btn .btn.show,.outline-btn  .btn:first-child:active, .outline-btn  :not(.btn-check)+.btn:active {
    color: #000000;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
   
  border-radius:40px
}

.outline-btn:focus{
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
}