.seo-spectr-ask {
    width: 100%;
    margin: 0px auto 30px auto;
}

.seo-spectr-ask__input {
    display: none;
}

.seo-spectr-ask__input:checked ~ .seo-spectr-ask__text{
    height: auto;
    padding: 5px 19px;
}

.seo-spectr-ask__title {
    padding: 5px 20px;
    box-shadow: 0px 0px 4px 0px #ccc;
    display: block;
    height: auto;
    margin-top: 10px;
    cursor: pointer;
    color: #777;
    font-size: 17px;
}

.seo-spectr-ask__text {
    background: rgba(255, 255, 255, 0.5);
    height: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px #ccc;
}

.seo-spectr-ask__text a {
    text-decoration: underline;
    color: #00a5b9;
}

.seo-spectr-ask__text a:hover {
    color: #3585CC;
}

.seo-spectr-ask__button-ask {
    padding: 10px 25px;
    background: #333;
    color: #fff;
    cursor: pointer;
    width: max-content;
    margin-top: 10px;
    overflow: hidden;
    transition: 0.4s ease-in-out all;
}
.seo-spectr-ask__button-ask::before {
    content: " ";
    display: block;
    position: relative;
    height: 3px;
    background: rgb(247, 148, 30);
    top: 28px;
    left: -25px;
    width: 0;
    transition: 0.4s ease-in-out all;
}
.seo-spectr-ask__button-ask:hover::before { 
    padding: 0 25px;
    width: 100%;
}
.seo-spectr-ask__button-ask:hover {
    background: rgb(87, 87, 87);
}