.btn {
    width: auto;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 5px;
    font-family: "Bulgeria";
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0px 2px 2px rgba(0,0,0,.3);
    transition: filter .3s ease-in-out
}

.btn:hover {
    filter: brightness(110%)
}

.btn--yellow {
    background: url("../images/bg/btn_yellow_bg.jpg") center center repeat-x;
    background-size: auto 100%;
    border: 1px solid #fd0;
    box-shadow: inset 0px 0px 10px #fd0,0px 5px 10px rgba(194,74,0,.5)
}

.btn--gray {
    background: url("../images/bg/btn_gray_bg.jpg") center center repeat-x;
    background-size: auto 100%;
    border: 1px solid #e1d3d1;
    box-shadow: inset 0px 0px 10px #e1e1d1,0px 5px 10px rgba(112,107,104,.5)
}

.btn--red {
    background: url("../images/bg/btn_red_bg.jpg") center center repeat-x;
    background-size: auto 100%;
    border: 1px solid #ffc8c3;
    box-shadow: inset 0px 0px 10px #f6d8d5,0px 5px 10px rgba(138,32,32,.5)
}

.btn--green {
    background: url("../images/bg/btn_green_bg.jpg") center center repeat-x;
    background-size: auto 100%;
    border: 1px solid #d6ea47;
    box-shadow: inset 0px 0px 10px #d6ea47,0px 5px 10px rgba(98,136,31,.5)
}

.btn--blue {
    background: url("../images/bg/btn_blue_bg.jpg") center center repeat-x;
    background-size: auto 100%;
    border: 1px solid #c8e1ff;
    box-shadow: inset 0px 0px 10px #c8e1ff,0px 5px 10px rgba(91,133,176,.5)
}

.btn--small {
    height: 54px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 16px
}

.btn i {
    margin-right: 10px
}

.content-area {
    width: calc(100% - 200px);
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media(max-width: 1680px) {
    .content-area {
        width:calc(100% - 100px)
    }
}

@media(max-width: 1240px) {
    .content-area {
        width:calc(100% - 60px)
    }
}


@media (max-width: 1240px) {
    .inner-page__title h1 {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 1680px) {
    .inner-page__title h1 {
        font-size: 36px;
        line-height: 40px;
    }
}
.inner-page__title h1 {
    width: 100%;
    font-family: "Bulgeria";
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    color: #d6b57c;
}



.htc__step-num span {
    padding: 10px 20px;
    background: #3b3222;
    border-radius: 30px;
    font-size: 16px;
    line-height: 16px;
    font-family: "Bulgeria";
    text-transform: uppercase;
}

.htc__step-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 1240px) {
    .htc__step h2 {
        font-size: 18px;
        line-height: 24px;
    }
}
.htc__step h2 {
    width: 100%;
    font-family: "Bulgeria";
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #b5862d;
}

.htc__step-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.htc__step-num {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}


.htc__step:not(:last-child) {
    margin-bottom: 30px;
}
.htc__step {
    width: 100%;
    background: #261f35d6;
    padding: 60px 30px;
}

.has-small-mask {
    -webkit-mask: url("../images/mask/small_top.png") top center repeat-x,url("../images/mask/small_bottom.png") bottom center repeat-x,linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 30px, rgb(0, 0, 0) 31px, rgb(0, 0, 0) calc(100% - 31px), rgba(0, 0, 0, 0) calc(100% - 30px), rgba(0, 0, 0, 0) 100%);
    mask: url("../images/mask/small_top.png") top center repeat-x,url("../images/mask/small_bottom.png") bottom center repeat-x,linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 30px, rgb(0, 0, 0) 31px, rgb(0, 0, 0) calc(100% - 31px), rgba(0, 0, 0, 0) calc(100% - 30px), rgba(0, 0, 0, 0) 100%)
}

.has-normal-mask {
    -webkit-mask: url("../images/mask/normal_top.png") top center repeat-x,url("../images/mask/normal_bottom.png") bottom center repeat-x,linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 140px, rgb(0, 0, 0) 141px, rgb(0, 0, 0) calc(100% - 141px), rgba(0, 0, 0, 0) calc(100% - 140px), rgba(0, 0, 0, 0) 100%);
    mask: url("../images/mask/normal_top.png") top center repeat-x,url("../images/mask/normal_bottom.png") bottom center repeat-x,linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 140px, rgb(0, 0, 0) 141px, rgb(0, 0, 0) calc(100% - 141px), rgba(0, 0, 0, 0) calc(100% - 140px), rgba(0, 0, 0, 0) 100%)
}

.inner-page {
    width: 100%;
    background: #1c1726d6;
    position: relative;
    margin-top: -80px;
    padding: 180px 0px;
}


.header, .header.fixed {
    background: transparent;
    border-bottom: 1px solid #545611;
}


.header__collapsible-box {
    padding: 28px 0;
    width: 100%;
    position: relative;
    background: rgb(22 20 6 / 75%);
}

.header__collapsible-box .download-button {
    border-radius: 16px;
    position: relative;
    z-index: 1;
}


.header__collapsible-box .download-button .button-inner {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    overflow: hidden;
    background: radial-gradient(227.73% 291.91% at 50% 0%, #161406 22.04%, #cdae1a 100%);
    transition: box-shadow 200ms ease-in-out;
}  

.header__collapsible-box .download-button:hover .button-inner {
    background: radial-gradient(227.73% 291.91% at 50% 0%, #28230c 22.04%, #E59E06 100%);
}

.header__collapsible-box .download-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 2px;
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #fadbb8 31.33%, rgb(48 46 3 / 60%) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.header__collapsible-box .download-button img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.header__collapsible-box .title {
    color: #FFF0D4;
    font-family: "TrajanSansPro-Bold", sans-serif;
    font-size: 14px;
    line-height: 115%;
}

.header__collapsible-box .options-container.col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.header__collapsible-box .options-container {
    display: grid;
    align-items: center;
    grid-gap: 8px;
    margin-left: 10px;
    margin-top: 12px;
}

@media screen and (max-width: 992px) {
    .title {
        font-size: 30px;
    }
}
@media screen and (max-width: 1179px) {
    .title {
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) {
    img {
        width: auto;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .news-img, .stream-block-img, .table__item-part, img {
        max-width: 100%;
    }
}

.header__collapsible-box .sections-container {
    display: grid;
    grid-template-columns: 1fr 0.65fr;
    align-items: center;
    grid-gap: 21px;
}

.header__collapsible-box .options-container.col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.header__collapsible-box .limited {
    max-width: 1280px;
    padding: 0;
    margin: 0 auto;
}


.btn-v2.primary .text, .btn-v2.primary-outline .text {
    background: linear-gradient(180deg, #FFF0D4 20.5%, rgba(255, 221, 168, 0.60) 28.75%, rgba(255, 240, 212, 0.60) 37.5%), #FFF;
    -webkit-background-clip: text;
}
.btn-v2 .text {
    font-family: "TrajanSansPro-Bold", sans-serif;
    font-size: 16px;
    line-height: 125%;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative;
}

.btn-v2 .content-wrap {
    z-index: 2;
    position: relative;
}

.btn-v2.primary {
    background: radial-gradient(128% 100% at 50% 0%, #FFC470 2.6%, #9E3D0E 57.29%, #FF8717 100%);
    box-shadow: 0px 17px 34px 0px rgba(255, 98, 0, 0.18), 0px 11.019px 19.912px 0px rgba(255, 98, 0, 0.14), 0px 6.548px 10.83px 0px rgba(255, 98, 0, 0.11), 0px 3.4px 5.525px 0px rgba(255, 98, 0, 0.09), 0px 1.385px 2.77px 0px rgba(255, 98, 0, 0.07), 0px 0.315px 1.338px 0px rgba(255, 98, 0, 0.04);
}
.btn-v2.stretch {
    width: 100%;
}
.btn-v2.small {
    padding: 14px 32px;
}
.btn-v2 {
    position: relative;
    width: fit-content;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}
.btn-v2.primary::before, .btn-v2.primary-outline::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #FFDDA8 31.33%, rgba(69, 24, 5, 0.60) 100%);
}
.btn-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-v2 {
    position: relative;
    width: fit-content;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}
.awards-block, .changes-text, .more-info, .start-game, .start-game__footer {
    text-align: center;
}

.btn-v2 .content-wrap {
    z-index: 2;
    position: relative;
}
.flex-container {
    display: flex;
    align-items: center;
}
.content-wrap {
    display: flex;
    align-items: baseline;
}

.play-icon {
    width: 24px;
    height: 24px;
    margin-left: 191px;
    transition: transform 200ms ease;
    margin-top: -100px;
    margin-bottom: 22px;
}

.button span {
    cursor:pointer;
    padding-top: 8px;
}