.helpful-container {
    margin-top: 20px;
    text-align: center;
    padding-top:var(--wp--custom--layout--block-gap);
    padding-right:var(--wp--custom--layout--gutter-gap);
    padding-bottom:var(--wp--custom--layout--block-gap);
    padding-left:var(--wp--custom--layout--gutter-gap);
    max-width: var(--wp--custom--layout--page);
    margin-left: auto;
    margin-right: auto;
    align-items: center;
 margin-bottom: var(--wp--custom--layout--block-gap-large)!important;
}

.helpful-container > h3{
    margin: 0;
}

.helpful-container  > .thank-you__response,
.helpful-container  > .helpful-container__buttons.no-list{
    display: inline-flex;
    display: inline-flex;
    margin-left: auto;

}

.helpful-container  > .thank-you__response{
    font-weight: var(--wp--custom--font-weight--semi-bold);
  color: var(--wp--preset--color--digital-dusk);
}

.helpful-button.wp-element-button.is-style-outline,
.helpful-button.wp-element-button {
    margin: 5px;
    padding: 10px 15px;
    border: 1px solid;
    /* background-color: var(--wp--preset--color--techno-teal); */
    color: white;
    cursor: pointer;
    border-radius: var(--wp--custom--border-radius--small);
    font-size: var(--wp--preset--font-size--body-high);
    min-width: 100px;
    justify-content: space-around;
}
.helpful-button.wp-element-button > .helpful-button__icon{
    margin-left: var(--wp--preset--spacing--10);
}

.helpful-button:focus,
.helpful-button:hover {
    background-color: var(--wp--preset--color--digital-dusk);
}

.helpful-feedback {
    margin-top: 10px;
    font-size: 14px;
    color: green;
}

.helpful-feedback.error {
    color: red;
}