.careers-section button{
	background: transparent!important;
}

.careers-section{
      --font: "arial";
      --gray: #fafafa;
      --title-color: #000;
      --text-color: #666666;
      --text-color--hover: #999;
      --radius: 10px;
      --shadow: 0 0 10px rgba(0,0,0,.08);
      display: grid; 
      background-color: #fff; 
     
      color: var(--text-color);
      font-family: var(--font);
      border-radius: var(--radius);
      position: relative;
      box-sizing: border-box;
      box-shadow: var(--shadow);
      line-height: 1.5;
    }

    @media screen and (max-width: 799px){
      .careers-section{
        grid-template-areas: "title title"  "button link";
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto min-content;
        text-align: center; 
      }

      .careers-section__title{  grid-area: title;  }
      .careers-section__button{ grid-area: button;  }
      .careers-section__link{   grid-area: link; }
		
	  .careers-section__title h2{ font-size: 16px; }

    }

    @media screen and (min-width: 800px){
      .careers-section{
        grid-template-columns: auto 100px 100px;
        max-width: 800px;
        text-align: left; 
        padding: 10px 20px;
      }
    }



    :is(.careers-section__button, .careers-section__link){
      background-color: var(--gray);
      display: flex;
      font-size: 12px;
      justify-content: center;
      align-items: end;
      padding: 1em;
    } 

    @media screen and (min-width: 800px){
      :is(.careers-section__button, .careers-section__link){
        background-color: transparent;
        padding: 0;
      }
    }

    .careers-section__title{ 
      display: flex;
      align-items: center;
      justify-content: center; 
      padding: 20px;
    }

    .careers-section__title h2{
      font-size: 14px;
    }

    @media screen and (min-width: 800px){
      .careers-section__title{ 
          justify-content: start;
		  padding: 0 20px;
      }    
    }


    .careers-section__title h2{
      color: var(--title-color );
      font-weight: normal;
      text-transform: uppercase;
      line-height: 1.5;
    }

	.careers-section__tooltip__inner p{
      font-size: 13px;
	  font-weight: 100;
    }

    .careers-section__button{ 
      border-right: 1px solid #eaeaea ;
      border-radius: 0 0 0 var(--radius);
    }

    .careers-section__link{ 
      border-radius: 0 0  var(--radius) 0;
    }   

    @media screen and (min-width: 800px){
      .careers-section__link{ 
        border-radius: 0 var(--radius)  var(--radius) 0;
        display: flex;
        align-items: center;
      }    
    }

    :where( .careers-section__button_btn, .careers-section__link a){
      color: var(--text-color)!important;
      text-decoration: none;  
      padding: .25em 1em;
      display: flex!important;
      flex-flow: column;
      align-items: center;
      border: none;
	  font-size: 1em !important;	
      box-shadow: none !important;
      background-color: transparent!important;
	  font-weight: normal!important;
      /* outline: 1px solid #f00;*/
    } 
    
    .two-column-grid{
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
      max-width: 380px;
      margin-left: auto;
      margin-right: auto;
    }

    @media screen and (min-width: 800px){
      .two-column-grid{ 
         grid-template-columns: repeat(2, 1fr);
         max-width: 1200px;
      }
    }

    .careers-section__tooltip{
      position: absolute; 
      width: 100%;
      z-index: 1;
      left: 0;
      background: #fff;
      border-radius: 0 0 var(--radius) var(--radius) ;
      padding: 30px 30px 30px 30px;
      box-sizing: border-box;
      box-shadow: var(--shadow);
      margin-top: -10px;
    }

    @media screen and (min-width: 800px){
      .careers-section__tooltip{
         margin-top: 0; 
         top: calc( 100% - 10px );
      }
    }

    .careers-section__tooltip__close-btn{
      position: absolute;
      top: 10px;
      right: 18px;
      width: 1em;
      height:  1em;
      font-size: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: transparent;
      border: none;
	  box-shadow: none!important;
    }

    .careers-section__tooltip__close-btn__icon{
      content: "+";
      display: block;
      font-size: 1em; 
      transform: rotate(45deg); 
	  color: var(--text-color);
    }

	@media screen and (max-width: 749px){
		.careers-section__tooltip {
			  top: 50%;
		}
		.careers-section__tooltip__close-btn__icon{
			  margin-left: 1.5em;
    	}
	}

    .careers-section__tooltip__inner a{
      color:  var(--title-color);
      font-weight: bold;
      text-decoration: none;
    }

    .sr{
      position: fixed;
      top: -1000vh;
    }

    :is(
      .careers-section__tooltip__inner a, 
      .careers-section__button_btn,
      .careers-section__link a
    ):hover{
      color: var(--text-color--hover);
      cursor: pointer;
    }

    .careers-section__tooltip__close-btn:active .careers-section__tooltip__close-btn__icon {
      margin-top: 1px;
    }


    @media screen and (min-width: 800px){
      .careers-section__button:hover .careers-section__tooltip{
        display: block!important;
      }
      .careers-section__tooltip__close-btn{
		display: none !important;  
        /*height: 1px;
        width: 1px;
        overflow: hidden;
        color: #fff;*/
      }
		
	   button.careers-section__tooltip__close-btn{
		 display: none !important;  
	  }
    }


    .info--icon::before{
      content: '';
      display: inline-block;
      width: 8px;
      height: 20px;
      background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%2220%22 viewBox=%220 0 8 20%22 fill=%22none%22%3E%3Cpath d=%22M6.7261 3.86486C7.17637 3.14575 6.95843 2.19776 6.23931 1.74749C5.5202 1.29721 4.57222 1.51515 4.12194 2.23427C3.67166 2.95339 3.8896 3.90137 4.60872 4.35164C5.32784 4.80192 6.27582 4.58398 6.7261 3.86486Z%22 fill=%22%23666666%22/%3E%3Cpath d=%22M0.968402 8.22761L1.3662 8.20259C1.52487 8.19261 1.68371 8.21925 1.82958 8.28029C1.97545 8.34133 2.10414 8.43503 2.20499 8.55361C2.30584 8.6722 2.37594 8.81226 2.4095 8.96219C2.44305 9.11212 2.43909 9.2676 2.39793 9.41576L0.166396 17.4498C-0.258233 18.9785 1.57583 19.9808 3.99342 18.8005C4.87749 18.3689 6.06693 17.4438 7.00536 16.4607C7.04657 16.4178 7.07116 16.3624 7.07496 16.3041C7.07877 16.2457 7.06156 16.1878 7.02625 16.1402C6.99094 16.0927 6.93969 16.0583 6.88116 16.043C6.82264 16.0277 6.76042 16.0323 6.70503 16.0562C5.33861 16.6402 3.23892 17.2644 3.78983 15.281L6.29253 6.27075L0.85744 6.63259C0.63844 6.64712 0.434364 6.74488 0.290019 6.90442C0.145673 7.06397 0.0728559 7.27225 0.0875544 7.48353C0.102253 7.69482 0.203266 7.89185 0.368416 8.03135C0.533565 8.17086 0.749354 8.24144 0.968402 8.22761Z%22 fill=%22%23666666%22/%3E%3C/svg%3E');
    }

    .opening--icon::before {
      content: '';
      display: inline-block;
      width: 24px;
      height: 20px;
      background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2220%22 viewBox=%220 0 24 20%22 fill=%22none%22%3E%3Cpath d=%22M23.2276 6.97936L12.8894 0.980057C12.6557 0.844842 12.3688 1.01208 12.3688 1.28251V4.70916C12.3688 4.86573 12.2661 5.0045 12.1174 5.04364C11.9863 5.07922 11.8588 5.11837 11.7313 5.15751C10.6476 5.49199 9.6063 5.93322 8.6288 6.46696C6.6738 7.53445 4.97733 8.97201 3.64566 10.6409C2.31045 12.3097 1.34003 14.2134 0.780444 16.1847C0.500651 17.1703 0.320026 18.1738 0.242109 19.1737C0.242109 19.1843 0.242109 19.195 0.238568 19.2021C0.206693 19.6149 0.787528 19.7252 0.91857 19.3338C1.21607 18.4158 1.60566 17.5404 2.06961 16.722C2.99045 15.0994 4.21587 13.7046 5.62192 12.6228C7.02796 11.5411 8.61109 10.7725 10.2367 10.3491C10.8176 10.1961 11.4055 10.0893 11.9934 10.0253C12.1988 10.0039 12.3759 10.1676 12.3759 10.374V13.274C12.3759 13.5444 12.6663 13.7117 12.8965 13.5765L23.2347 7.58071C23.4578 7.44906 23.4578 7.11102 23.2276 6.97936Z%22 fill=%22%23666666%22/%3E%3C/svg%3E');
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
    }

    *:hover > :where(.info--icon::before, .opening--icon::before){
      color: var(--text-color--hover);
    }