:root {
    --offer-blank-gap: 10px;

    --offer-blank-container-margin-bottom: calc(2 * var(--offer-blank-gap));
    --offer-blank-container-background-color: rgba(235, 235, 235, 1);
    --offer-blank-container-padding: calc(2 * var(--offer-blank-gap));


    --offer-blank-title-margin: 0 0 var(--offer-blank-gap);
    --offer-blank-title-fs: 20px;
    --offer-blank-title-fw: 400;

    --offer-blank-icon-next-rotate: -90deg;
    --offer-blank-link-fs: 20px;
    --offer-blank-link-fw: 300;
    --offer-blank-link-color: #000000;
    --offer-blank-link-color-hover: rgba(255, 145, 1, 1);
    --offer-blank-link-transition: .7s;
}

.offer_blank_container {
    background-color: var(--offer-blank-container-background-color);
    margin-bottom: var(--offer-blank-container-margin-bottom);
    padding: var(--offer-blank-container-padding);
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.offer_blank_container > .offer_blank_title {
    font-weight: var(--offer-blank-title-fw);
    margin: var(--offer-blank-title-margin);
    font-size: var(--offer-blank-title-fs);
    text-align: center;
}

.offer_blank_container > .offer_blank_link {
    transition: var(--offer-blank-link-transition);
    font-weight: var(--offer-blank-link-fw);
    font-size: var(--offer-blank-link-fs);
    color: var(--offer-blank-link-color);
    justify-content: center;
    text-decoration: none;
    align-items: center;
    text-align: center;
    flex-wrap: nowrap;
    display: flex;
}

.offer_blank_container > .offer_blank_link > .offer_blank_icon {
    margin-inline-end: var(--offer-blank-gap);
}

.offer_blank_container > .offer_blank_link > .offer_blank_next {
    rotate: var(--offer-blank-icon-next-rotate);
}

.offer_blank_container > .offer_blank_link:hover {
    color: var(--offer-blank-link-color-hover);
}
