blockquote.wp-block-quote,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.wp-block-pullquote blockquote{
    padding: 15px;
    max-width: 100%;
    text-align: center;
    font-size: 1rem;
    position: relative;
    @extend %perspective;
    z-index: 1;
    @include media(xs){
        padding: 60px;
    }
    &:after{
        @include media(xs){
            content:'';
            position: absolute;
            height: calc(100% - 120px);
            width: calc(100% - 120px);
            left: 60px;
            top: 65px;
            background-color: rgba($color_white,0.63);
            z-index: -1;
            border-radius: 5px;
            @include transform(skew(-6deg,3deg));
        }
    }
    
    p{
        position: relative;
        text-align: center;
        background-color: $color_white;
        padding: 60px 15px 90px;
        margin-top: 0;
        @include media(xs){
            color: $text_color;
            padding: 60px 60px 90px;
        }
        &:before,
        &:after{
            display: block;
            position: absolute;
            @extend %ionicons;
            font-size: 35px;
            content: '\f1f5';
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        &:before{
            top: 15px;
            left: 30px;
            @include transform(rotate(180deg));
        }
        &:after{
            bottom: 15px;
            right: 30px;
        }
            
    }
    cite{
        display: block;
        position: absolute;
        text-align: right;
        left: 60px;
        bottom: 60px;
        width: calc(100% - 120px);
        font-weight: $font_weight_semi_bold;
        font-size: 15px;
        text-align: center;
        @include media(xs){
            bottom: 120px;
        }
    }
    
}