/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-voucher/block-voucher.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.voucher {
  padding: 128px 0; }
  @media screen and (max-width: 600px) {
    .voucher {
      padding: 60px 0; } }
  .voucher_inner {
    position: relative; }
  .voucher_img {
    width: 100%;
    height: auto;
    min-height: 550px;
    object-fit: cover;
    border-radius: 6px; }
    @media screen and (max-width: 900px) {
      .voucher_img {
        min-height: 150px;
        border-radius: 6px 6px 0 0; } }
  .voucher_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
    padding: 32px;
    background: #053937;
    color: #fff;
    border-radius: 6px;
    position: absolute;
    bottom: 60px;
    right: 60px;
    max-width: 820px;
    width: 100%; }
    .voucher_content-text {
      color: #9e9e9e; }
    @media screen and (max-width: 1100px) {
      .voucher_content {
        max-width: 600px; } }
    @media screen and (max-width: 900px) {
      .voucher_content {
        position: static;
        max-width: unset;
        border-radius: 0 0 6px 6px; } }
    @media screen and (max-width: 600px) {
      .voucher_content {
        padding: 20px; } }