.qerys-button{
    width: fit-content;
    display: flex;
    padding: 10px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    background-color: var(--qerys-primary-color);
    transition: background-color .3s;
    cursor: pointer;
}
.qerys-button span{
    color: var(--qerys-text_over_primary-color);
    transition: color .3s;
}
.qerys-button > svg,
.qerys-button > i {
    color: var(--qerys-text_over_primary-color);
    stroke: var(--qerys-text_over_primary-color);
    transition: color .3s, stroke .3s;
}
.qerys-button-container:hover .qerys-button,
.qerys-button:hover{
    background-color: var(--qerys-hover_button-color);
}
.qerys-button-container:hover .qerys-button > span,
.qerys-button:hover > span{
    color: var(--qerys-text_over_primary-color);
}
.qerys-button-container:hover .qerys-button > svg,
.qerys-button-container:hover .qerys-button > i,
.qerys-button:hover > svg,
.qerys-button:hover > i {
    color: var(--qerys-primary-color);
    stroke: var(--qerys-text_over_primary-color);
}

/* --- */

.qerys-button-2{
    background: var(--qerys-secondary-color);
}
.qerys-button-2 > span{
    color: var(--qerys-tertiary-color);
}
.qerys-button-2 > svg,
.qerys-button-2 > i{
    color: var(--qerys-tertiary-color);
}

/* --- */

.qerys-button-3{
    background: var(--qerys-secondary-color);
}
.qerys-button-3 > span,
.qerys-button-3 > i,
.qerys-button-3 > svg {
    color: var(--qerys-tertiary-color);
}
.qerys-button-container:hover .qerys-button-3,
.qerys-button-3:hover{
    background-color: var(--qerys-primary-color);
}
.qerys-button-container:hover .qerys-button-3 > span,
.qerys-button-container:hover .qerys-button-3 > svg,
.qerys-button-container:hover .qerys-button-3 > i,
.qerys-button-3:hover > span,
.qerys-button-3:hover > svg,
.qerys-button-3:hover > i {
    color: var(--qerys-secondary-color);
}

/* --- */
.qerys-button-4 {
    width: fit-content;
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: var(--qerys-text-color);
    background-color: transparent;
}

.qerys-button-4 i,
.qerys-button-4 svg {
    color: var(--qerys-primary-color);
    transition: translate .2s;
}

.qerys-button-4:hover i,
.qerys-button-4:hover svg {
    translate: 10px;
}

.qerys-read-more{
    text-align:right;
    padding:20px 0;
}
.qerys-read-more-button{
    display: inline-flex;
    gap:6px;
    align-items:center;
}
.qerys-read-more-button span{
    color:var(--e-global-color-text);
    font-size:18px;
}
.qerys-read-more-button i{
    color:var(--e-global-color-text);
    font-size:18px;
    transition: all 0.3s ease;
}
.qerys-read-more-button:hover i{
    color:var(--qerys-primary-color);
}