/********************************************** 
partButtons
**********************************************/

/* Fundementals */
.partButton {
    background-color: transparent;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    max-width: 100%;
    vertical-align: top;
}

/* Label */
.buttonLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

/* Icon */
.buttonIcon {
    margin-right: 6px;
    z-index: 1;
}

/* Configuration */
.partButton {
    height: 47px;
    line-height: 1.3em;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    transition: background-color 0.3s; /* configurate more options */
    margin-bottom: 30px;
}

/* Default states */
.partButton:active {
    transform: translateY(2px);
}

.partButton:hover,
.partButton:focus {
    background-color: #404041;
}

.formV2 .partButton, .formLogin .partButton, .partButton {
    color: #fff;
    text-transform: uppercase;
    background: #419639 url(/images/style/icon-ctabutton-arrow-white.svg) no-repeat right 20px center;background-size:11px 16px;
    padding: 0px 41px 0px 20px;
}

/********************************************** 
Effects
**********************************************/

@media screen and (max-width: 767px) {
    .partButton:hover:after {
        display: none;
    }

    .partButton {height: 37px;}

    /* disables the effect for mobile */
}