/*--------------------------------------------------------------------------*\
    Icon in link in td (add, dupplicate, delete etc.)
\*--------------------------------------------------------------------------*/

.table__action-icon {
    /*box*/
    height: 32px;
    width: 32px;
    padding: 7px;

    /*border*/
    border-radius: 50%;

    /*background*/
    fill: var(--c-tertiary-4);

    /*transition*/
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

/*--------------------------------------------------------------------------*\
        Cta icon
\*--------------------------------------------------------------------------*/

.table__action-link--cta>.table__action-icon {
    /*background*/
    background-color: var(--c-cta-2);
}


.table__action-link--cta:hover>.table__action-icon {
    /*background*/
    background-color: var(--c-cta-1);
}

/*--------------------------------------------------------------------------*\
        Delete icon
\*--------------------------------------------------------------------------*/

.table__action-link--error>.table__action-icon {
    /*background*/
    background-color: var(--c-error-primary-2);
}


.table__action-link--error:hover>.table__action-icon {
    /*background*/
    background-color: var(--c-error-primary-1);
}