.btn {
    display: block;
    width: -moz-max-content;
    width: max-content;
    padding: 0 18px 13px 0;
    position: relative;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.5px;
    z-index: 5;
    height: -moz-max-content;
    height: max-content;
    @include fluid-type(18px, 24px, 500px, 1920px);
    transition: .35s cubic-bezier(.74,.24,.9,.71);
    cursor: pointer;
    max-width: 100%;
    text-align: right;
    text-align: left !important;
    animation: unset !important;
    &:after {
        position: absolute;
        content: '';
        display: block;
        right: 0;
        bottom: 0;
        transition: .35s cubic-bezier(.74,.24,.9,.71);
        z-index: -1;
        width: 100%;
        height: 100%;
        border: solid 4px #00EB88;
        clip-path: polygon(
            100% calc(100% - 30px), 
            100% 100%, 
            calc(100% - 30px) 100%, 
            calc(100% - 30px) calc(100% - 4px),
            calc(100% - 4px) calc(100% - 4px),
            calc(100% - 4px) calc(100% - 30px)
        );
    }
    &:hover {
        &:after {
            border-color: #192E41;
            clip-path: polygon(
                100% calc(100% - 30px), 
                100% 100%, 
                calc(100% - 30px) 100%, 
                calc(100% - 30px) calc(100% - 4px),
                calc(100% - 4px) calc(100% - 4px),
                calc(100% - 4px) calc(100% - 30px)
            );
        }
        &:after {
            width: 100%;
            height: 100%;
            border-radius: 0;
        }
    }
    &-ltr {
        padding: 0 0 13px 18px;
        
        &:after {
            position: absolute;
            content: '';
            display: block;
            right: 0;
            bottom: 0;
            transition: .35s cubic-bezier(.74,.24,.9,.71);
            z-index: -1;
            width: 100%;
            height: 100%;
            border: solid 4px #00EB88;
            clip-path: polygon(0 calc(100% - 30px), 0 100%, 30px 100%, 30px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 30px));
        }
    &:hover {
        &:after {
            width: 100%;
            height: 100%;
            border-radius: 0;
            clip-path: polygon(
                0% calc(100% - 30px), 
                30px calc(100% - 30px), 
                30px 100%, 
                0 100%
            );
        }
    }
    }
    &-dark {
        &:after {
            border-color: #192E41;
        }
    }
    &-white {
        &:after {
            border-color: #fff;
        }
    }
    &-wt {
        color: #fff;
    }
    &-dt {
        color: #192E41;
    }
    &-bt {
        color: #000000;
    }
    &-gt {
        color: #00EB88;
    }
    &-hover {
        &:hover {
        
        }
        &-dark {
            &:hover {
                &:after {
                    border-color: #192E41;
                }
            }
        }
        &-wt {
            &:hover {
                color: #fff;
            }
        }
        &-dt {
            &:hover {
                color: #192E41;
            }
        }
        &-gt {
            &:hover {
                color: #00EB88;
            }
        }
        &-none {
            &:after {
                clip-path: polygon(
                    calc(100% - 4px) calc(100% - 4px),
                    calc(100% - 4px) calc(100% - 30px),
                    100% calc(100% - 30px),
                    100% 100%,
                    calc(100% - 30px) 100%,
                    calc(100% - 30px) calc(100% - 4px)
                );
            }
        }
    }
}

@media only screen and (min-width: 501px) {
a:hover{
    color: black;
    .btn{
        &:after {
            width: 100%;
            height: 100%;
            border-radius: 0;
        }
        &-hover {
            &-dark {
                &:after {
                    border-color: #192E41 !important;
                }
            }
            &-wt {
                color: #fff;
            }
            &-dt {
                color: #192E41;
            }
        }
    }
}
}
@media only screen and (max-width: 500px) {
    a:focus{
        .btn{
            &:after {
                width: 100%;
                height: 100%;
                border-radius: 0;
            }
            &-hover {
                &-dark {
                    &:after {
                        border-color: #192E41 !important;
                    }
                }
                &-wt {
                    color: #fff;
                }
                &-dt {
                    color: #192E41;
                }
            }
        }
    }
}

.chosen-results .gf_placeholder {
    display: none !important;
}


.header-cta {
    color: #192E41;
    font-size: 16px;
    padding: 14px 37px;
    border: 4px solid transparent;
    background: #00EB88;
    font-weight: 700;
    transition: .4s ease-in-out;
    &:hover, &:focus {
        border: 4px solid #00EB88;
        background: transparent;
        color: white;
    }
    .scrolling & {
        &:hover, &:focus {
            color: #192E41;
        }
    }
}

.dark-header-cta {
    color: white;
    font-size: 16px;
    padding: 17px 37px;
    border: 4px solid transparent;
    background: #192E41;
    font-weight: 700;
    transition: .4s ease-in-out;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 20px;
    &:hover, &:focus {
        border: 4px solid #192E41;
        background: transparent;
        color: #192E41
    }
}
.careers-block .site-container .text-container{margin-bottom:120px}@media only screen and (max-width: 850px){.careers-block .site-container .text-container{flex-align:flex-start !important}}.careers-block .site-container .text-container .heading{padding-right:40px}@media only screen and (max-width: 829px){.careers-block .site-container .text-container .heading{padding-right:0px;margin-bottom:40px}}.careers-block .site-container .text-container .subtext{max-width:56.875%;margin-left:auto}@media only screen and (max-width: 829px){.careers-block .site-container .text-container .subtext{max-width:100%}}@media only screen and (max-width: 1440px){.careers-block .site-container .text-container{margin-bottom:100px}}@media only screen and (max-width: 1200px){.careers-block .site-container .text-container{margin-bottom:80px}}@media only screen and (max-width: 768px){.careers-block .site-container .text-container{margin-bottom:50px}}.careers-block .site-container .careers-container .BambooHR-ATS-board h2{display:none}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List{padding:0 !important}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List{padding:0 !important;border:unset !important}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item{display:flex;justify-content:space-between;padding:32px 0;align-items:center;border-top:solid 2px #000}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item:last-of-type{border-bottom:solid 2px #000}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a{display:block;width:-moz-max-content;width:max-content;padding:13px 18px 13px 0;position:relative;line-height:1;font-weight:700;letter-spacing:.5px;z-index:5;height:-moz-max-content;height:max-content;color:#000;font-size:calc(14px + 6*(100vw - 500px)/1420);cursor:pointer;max-width:100%;text-align:right;transition:.35s ease-in-out}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a:after{position:absolute;content:"";display:block;right:0;bottom:0;z-index:-1;width:100%;height:100%;border:solid 4px #00eb88;clip-path:polygon(100% calc(100% - 30px), 100% 100%, calc(100% - 30px) 100%, calc(100% - 30px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 30px))}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item a:hover{color:#00eb88}.careers-block .site-container .careers-container .BambooHR-ATS-board .BambooHR-ATS-Department-List .BambooHR-ATS-Jobs-List .BambooHR-ATS-Jobs-Item span{color:#000;font-size:calc(14px + 6*(100vw - 500px)/1420)}