@charset "utf-8";
/* CSS Document */

/* Styled Button */
.btn-curved {
    border-radius: 4px 30px 30px 4px;

    font-weight: 600;
    text-align: left;

    position: relative;

    transition: 0.3s;
}
    .btn-default:hover {
        transition: 0.3s;
    }
    .btn-default:disabled {
        background: #C6CBD2;

        color: #808997 !important;
    }
    .btn-default:disabled:hover {
        background: #C6CBD2;

        color: #808997 !important;
    }

.btn-curved.btn-curved-green {
    background: none;
    border: 1px solid #415d43;

    color: #415d43;
}

.btn-curved .btn-btn {
    background: #415d43;
    border: none;
    border-radius: 50%;

    position: absolute;

    z-index: 20;

    color: #fff;
    text-align: center;
}
    .btn-curved .btn-btn i {
        transition: 0.2s;
    }
    .btn-curved:hover .btn-btn i {
        margin-left: 8px;

        transition: 0.2s;
    }
.btn-curved.btn-large {
    font-size: 18px;

    padding: 12px 60px 12px 20px;
}
    .btn-curved.btn-large .btn-btn {
        top: 8px;
        right: 8px;

        font-size: 16px;

        width: 35px;
        height: 35px;
        line-height: 36px;
    }
.btn-curved.btn-medium {
    font-size: 16px;

    padding: 10px 60px 10px 20px;
}
    .btn-curved.btn-medium .btn-btn {
        top: 6px;
        right: 6px;

        font-size: 14px;

        width: 30px;
        height: 30px;
        line-height: 30px;
    }
.btn-curved.btn-small {
    font-size: 14px;

    padding: 6px 20px;
}

/* */
.btn-green {
    background: none;
    border: 1px solid #415d43;
    border-radius: 4px;

    color: #415d43;

    transition: 0.2s;
}
    .btn-green:hover {
        background: #415d43;

        color: #fff;

        transition: 0.2s;
    }

/* */
.btn-xlarge {
    font-size: 18px;

    padding: 14px 40px;
}
.btn-large {
    font-size: 16px;

    padding: 14px 40px;
}
.btn-medium {
    font-size: 16px;

    padding: 10px 40px;
}
.btn-small {
    font-size: 14px;

    padding: 6px 20px;
}
