.fancify-core-sp-attachments {
    .wpl_attachments_list_container {
        display: flex;
        flex-wrap: wrap;

        .wpl_attachments_room {
            flex: 330px;
            flex-grow: 0;
            border-radius: 5px;
            padding: 25px 40px 0px 40px;
            position: relative;

            &:hover {
                box-shadow: 0 3px 35px rgba(#000000, 0.16);
            }

            @include for-tablet {
                margin: 10px 10px 10px 10px !important;
                padding: 25px 25px !important;
                flex: 260px;
                flex-grow: 1;
            }

            @include for-phone {
                max-width: 240px;
            }

            a,
            span {
                display: block;
                padding-left: 26%;
            }

            a {
                color: #181818;
                font-weight: $medium;
                @include font-size(23);
                line-height: 28px;
                overflow: hidden;
            }

            span {
                @include font-size(17);
                font-weight: $regular;
                color: #464646;
            }

            &:before {
                content: "\e06d";
                font-family: "fancify-fontastic";
                @include font-size(50);
                position: absolute;
                color: $default-lblue;
                height: 1.2em;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                top: 50%;
                transform: translateY(-50%);
                width: 1.2em;
                left: 9%;
            }

            &.type_zip:before {
                content: "\e348";
            }

            &.type_pdf:before {
                content: " ";
                background-image: url('../../assets/img/atch-pdf.svg');
            }

            &.type_doc:before {
                content: " ";
                background-image: url('../../assets/img/atch-doc.svg');
            }

            &.type_docx:before {
                content: " ";
                background-image: url('../../assets/img/atch-doc.svg');
            }

            &.type_excel:before {
                content: "\e071";
            }

            &.type_mp3:before {
                content: "\e06f";
            }

            &.type_powerpoint:before {
                content: "\e075";
            }
        }
    }

    &.fancify-core-modern-style {
        .wpl_attachments_list_container {
            .wpl_attachments_room {
                margin: 10px 35px 10px 0px;
                padding: 27px 39px;
                border: 1px solid #E1E1E1;
                border-radius: 10px;
                transition: $tr-normal;

                a {
                    @include font-family-quicksand;
                }

                span {
                    font-family: 'Rubik';
                    letter-spacing: 0.68px;
                }

                &:before {
                    color: $default-green;
                }

                &:hover {
                    box-shadow: 0 3px 35px rgba($black-color, 0.1);
                    border: 1px solid transparent;
                }
            }
        }
    }
}