/*--------------------------------------------------------------------------*\
    Iframe controls buttons
\*--------------------------------------------------------------------------*/

.control__iframe-button {
    /*box*/
    display: block;
    float: left;
    height: 25px;
    width: 25px;
    padding: 2.5px;

    /*background*/
    background-color: var(--c-tertiary-3);

    /*border*/
    border-top: 1px solid var(--c-secondary-4);
    border-bottom: 1px solid var(--c-secondary-4);

    /*text*/
    text-transform: uppercase;
    font-size: var(--fs-tn);
    text-align: center;
    color: var(--c-secondary-1);
}

/*--------------------------------------------------------------------------*\
        Button details
\*--------------------------------------------------------------------------*/

.control__iframe-button[data-iframe-button="bold"] {
    /*border*/
    border-left: 1px solid var(--c-secondary-4);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    /*text*/
    font-weight: bold;
}

.control__iframe-button[data-iframe-button="italic"] {
    /*border*/
    border-left: 1px solid var(--c-tertiary-2);
    border-right: 1px solid var(--c-tertiary-2);

    /*text*/
    font-style: italic;
}

.control__iframe-button[data-iframe-button="underline"] {
    /*border*/
    border-right: 1px solid var(--c-secondary-4);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

    /*text*/
    text-decoration: underline;
}

.control__iframe-button[data-iframe-button="unordered-list"] {
    /*box*/
    margin-left: 10px;

    /*border*/
    border-top: 1px solid var(--c-secondary-4);
    border-left: 1px solid var(--c-secondary-4);
    border-bottom: 1px solid var(--c-secondary-4);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.control__iframe-button[data-iframe-button="ordered-list"] {
    /*border*/
    border-top: 1px solid var(--c-secondary-4);
    border-bottom: 1px solid var(--c-secondary-4);
    border-right: 1px solid var(--c-secondary-4);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}