@use "../../../styles/abstracts/variables" as *; 

.role {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    color: $col-dark-text;
    // border-bottom: 1px solid $col-border-lining;
    font-size: .95rem;
    align-items: center;

    &--actions {
        display: flex;
        gap: 15px;
        align-items: center;
        margin-left: 2rem;

        &--update {
            display: block;
            background: $col-success-color;
            color: $col-success-bg;
            padding: .4rem .6rem;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 600;
            font-size: .85rem;
        }

        &--delete {
            display: block;
            background: $col-danger-bg;
            color: $col-danger-color;
            padding: .4rem .6rem;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 600;
            font-size: .85rem;
        }
    }
}