body div.ph-btn,
body a.ph-btn,
body button.ph-btn,
body.elementor-page button.ph-btn,
body.elementor-page a.ph-btn{   
    display: inline-flex !important;
    align-content: center;
    transition: color 0.2s,background 0.2s;
    line-height: 95%;
    padding: 0;
    -webkit-appearance: none;
}

.ph-btn.ph-btn-red{
    background:var(--ph-color-2);
    color:white;
    overflow: hidden;
    border:none;
    cursor:pointer;
}
.ph-btn.ph-btn-red span{
    padding: 0 5.6rem;
    height: 8rem;
    display: flex;
    align-items: center;
}
.ph-btn.ph-btn-red:after{
    color: white;
    background: var(--ph-color-3);
    margin: 0;
    height: 8rem;
    width: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ph-btn.ph-btn-red:hover{
    background:var(--ph-color-3);
}

.ph-btn:after{
    color:var( --e-global-color-secondary );    
    margin-left:1rem;
}

.ph-btn-after-arrow:after{
    content:'\f178';
    font-family:'Font Awesome 5 pro';
    font-size:2rem;
    font-weight: 500;
}

.ph-btn-after-arrow-down:after {
    content: '\f175';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2rem;
}

.ph-btn-after-arrow-left:after {
    content: '\f177';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2rem;
} 
.ph-btn-after-facebook:after{
    content:'\f39e';
    font-family: 'Font Awesome 5 brands';
    font-size: 1.6rem;
}


.ph-btn-after-eye:after{
    content:'\f06e';
    font-family: 'Font Awesome 5 pro';
    font-size: 1.8rem;
    line-height:8rem;
}

.ph-btn-after-twitter{
    background: var(--ph-color-3)!important;
}
.ph-btn-after-twitter:after{
    /*mask: url(/wp-content/themes/parishabitat/assets/images/X.svg) no-repeat 50% 50%;*/
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 300 271"><path d="m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z"></path></svg>') no-repeat 50% 50%;
    content: '';
    background: white !important;
    mask-size: 18px;
}

.ph-btn-after-linkedin:after{
    content:'\f0e1';
    font-family: 'Font Awesome 5 brands';
    font-size: 1.6rem;
}
.ph-btn-after-link:after{
    content:'\e933';
    font-family: 'Icomoon';
    font-size: 1rem;
}
.ph-btn-after-mail:after{
    content:'\f0e0';
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.6rem;
}
.ph-btn-after-download:after{
    content:'\e934';
    font-family: 'Icomoon';
    font-size: 1.8rem;
    font-weight: 100;
    margin-left: 1.3rem;
}
.ph-btn-after-play:after{
    content:'\f04b';
    font-family: 'Font Awesome 5 pro';
    font-size: 1.2rem;
    line-height:8rem;
}
.ph-btn-after-close:after{
    content:'\f00d';
    font-family: 'Font Awesome 5 pro';
    font-size: 1.8rem;
    line-height: 8rem;
    font-weight: 400;
}

.ph-btn.ph-btn-red.ph-btn-after-arrow-top-right{
    background: var(--ph-color-3);
}
.ph-btn.ph-btn-red.ph-btn-after-arrow-top-right:hover{
    background:var( --e-global-color-secondary );
}
.ph-btn.ph-btn-red.ph-btn-after-arrow-top-right:after {
    content: '\f178';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    font-size: 2rem;
    transform:rotate(-45deg);
    transform-origin: center;
}

@media (max-width: 1200px){
   
}

@media (max-width: 1024px){
    
}

@media (max-width: 767px){
    .ph-btn.ph-btn-red span {
        padding: 0 2rem;
        height: 6.4rem;
        flex: 0 1 100%;
        text-align: center;
        justify-content: center;
    }
    .ph-btn.ph-btn-red:after {
        height: 6.4rem;
        width: 6.4rem;
        margin-left: auto;
        flex: 1 0 6.4rem;        
        margin-left:auto;
    }
}

.ph-video-play:focus::after {
    background-color: var( --e-global-color-secondary )
}