// Sidebar box-shadow presets options
.border-presets-widget {
    padding: 22px;

    #toolbar & {
        padding: 16px 22px 0;
    }

    label {
        display: block;
        margin: 0 0 10px 0;
        font-size: 12px;
        color: #333;
    }

    .border-presets-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .border-presets-item {
        margin: 0;
        padding: 0;
    }

    .border-preset {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        color: #707070;
        cursor: pointer;
        text-decoration: none;
        font-size: 13px;
        border: 0 solid #bdbdbd;
        background-color: #e2e2e2;
        border-radius: 15px;
        transition: all 0.1s ease;

        &:hover {
            color: #333;
            filter: brightness(105%);
            border-color: #999;
        }
    }

    // Full row width, no border
    .border-presets-item:first-child {
        grid-column: 1 / 3;
    }

    .border-preset-2 {
        border-width: 1px;
    }

    .border-preset-3 {
        border-width: 2px;
    }

    .border-preset-4 {
        border-width: 4px;
    }

    .border-preset-5 {
        border-width: 1px;
        border-bottom-width: 4px;
    }

    .border-preset-6 {
        border-width: 1px;
        background: none;
    }

    .border-preset-7 {
        border-width: 2px;
        background: none;
    }

    .border-preset-8 {
        border-width: 4px;
        background: none;
    }

    .border-preset-9 {
        border-width: 1px;
        border-bottom-width: 4px;
        background: none;
    }
}