.wgBttn {
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    justify-content: center;
    background-color: #2c54f4;
    border-radius: 2px;
    transition: 500ms all;
    border: none;
    cursor: pointer;
    min-width: 201px;
    position: relative;
}
.wgBttn:focus {
    outline: none;
}

.wgBttn-340px {
    max-width: 340px;
}
.wgBttn__label {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.wgBttn:hover {
    background-color: #284ad1;
}
.wgBttn-lg {
    height: 55px;
}

.wgBttn-yellow {
    background-color: #fccc2a;
}

.wgBttn-yellow .wgBttn__label {
    color: #000000;
}

.wgBttn-yellow:hover {
    background-color: #dfb527;
}

.wgBttn-green {
    background-color: #0ba510;
}

.wgBttn-green:hover {
    background-color: #0a810e;
}

.wgBttn__icon {}
.wgBttn__icon-printer {}
.wgBttn__icon-bulb {}
.wgBttn__label {}
.wgBttn-yellow .wgBttn__label {
    color: #000;
}
.wgBttn__arrow {
    position: relative;
    display: flex;
    width: 18px;
    height: 13px;
    margin-left: 10px;
}

.wgBttn__arrow:after {
    content: "";
    clear: both;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 7px;
    border-color: transparent transparent transparent #000000;
}

.wgBttn__arrow::before {
    content: "";
    clear: both;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 7px;
    border-color: transparent transparent transparent #000000;
}

.wgBttn-green .wgBttn__arrow:after, .wgBttn-green .wgBttn__arrow::before {
    border-color: transparent transparent transparent #fff;
}

.wgBttn__arrow-rotate {
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 10px;
}

.wgBackBttn {
    position: relative;
    color: #252a48;
    font-size: 15px;
    font-weight: bold;
}

.wgBackBttn:before {
    content: "<";
    clear: both;
    position: absolute;
    left: -17px;
    bottom: 0;
    transform: translate(0, 17%);
    color: #252a48;
    font-size: 19px;
    font-weight: 500;
}

.wgBackBttn:hover {
    text-decoration: underline;
}

.ownGoalWrite__btnWrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

button.wgBttn {
    max-width: 200px;
    width: 100%;
    cursor: pointer;
    border: none;
    font-weight: bold;
    font-size: 16px;
}

.questionBtnWrap {
    display: flex;
    justify-content: space-between;
}

.wgBttn__icon {
    width: 30px;
    height: 30px;
    z-index: 1;
    position: absolute;
    left: 10px;
}

.wgBttn__icon-print {
    background: url(/assets/images/whygold/print.png);
}

.goalBlock .workBtnWrap {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 340px;
    width: 100%;
}

.goalBlock .workBtnWrap .wgBttn{
    max-width: initial;
}

/*
<a class="wgBttn wgBttn-lg wgBttn-green">
    <span class="wgBttn__icon></span>
    <span class="wgBttn__label">Link</span>
    <span CLASS="WgBttn__arrow"></span>
</a>
*/