.config .spinner-border {
    display: none;
}
.config .btn-next {
    opacity: 1;
    transition: opacity 0.5s, background-color 0.5s ease;
}
.config .btn-next.hidden {
    opacity: 0;
}
.config__buttons.hidden {
    visibility: hidden;
}
.config__buttons button {
}
.config__step, .config-result, .config-result__components {
    display: none;
}
.config__step.config__step--open, .config-result.config__step--open, .config-form.config-form__open, .config-result__components.config-result__components-open {
    display: inherit;
}
.row.config__action button {
    text-align: left;
}
.config__step[data-step="3"] .row > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: .25rem;
}
.btn-reset svg  {
    transition: transform .3s ease-in-out;
}
.btn-reset:hover svg {
    transform: rotate(180deg);
}
.config__final a svg {
    transition: color .15s
    ease-in-out, background-color .15s
    ease-in-out, border-color .15s
    ease-in-out, box-shadow .15s
    ease-in-out;
}
.config__final a:hover svg, .config__final a.checked svg  {
    fill: #404040;
}
.config__header, .config-result__header {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: .5rem !important;
}

.config__components__data {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.config__components__data button {
    text-align: left;
}


.config-form {
    display: none;
    border-radius: 20px;
    background-color: #f8f9fa;
}


.privacy-input {
    display: flex;
    gap: 10px;
}
.woocommerce form .form-row.ttc-privacy-input::before {
    display: none;
}


.btn-reset.btn-outline-primary svg {
    fill: #256fbf;
}
.btn-reset.btn-outline-primary:hover svg {
    fill: #fff;
}
.restore-dialog {
    display: none;
}