#content.fullWidth .cb-content .cb-body.cb-full-width {
	padding-inline: 0;
}

.cb-toggle-menu-container {
	position: relative;
	display: flex;
	flex-direction: column;
}

.cb-toggle-menu-wrapper {
	position: relative;

    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      inset-inline: var(--left-right-padding);
      height: 1px;
      background-color: var(--charcoal);
      opacity: .2;
    }

    a {
      position: relative;
      padding: 55px var(--left-right-padding);
      color: var(--charcoal);
      font-size: var(--default-h3);
      font-weight: 600;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 20px;
      transition: .2s;

      span {
        font-size: 16px;
        aspect-ratio: 1 / 1;
        padding: 5px;
        display: inline-block;
        background-color: var(--teal);
        border-radius: 50%;
        transition: .4s;
      }
    }

    img {
      position: absolute;
      inset: 0;
	  width: 100%;
	  height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      transition: .2s;
      
      #content .cb-body & {
	      height: 100%
      }
    }

    .cb-toggle-menu-text {
      position: relative;
      z-index: 2;
    }

    #content &:hover {
      &::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(ellipse 30% 200%, rgba(20, 50, 87, 0), rgba(20, 50, 87, 1));
        opacity: .75;
        z-index: 1;
        
      }
      img {
        opacity: 1;
        z-index: 0;
      }
      a {
        color: var(--white);
        cursor: pointer;
        text-decoration: none;

        span {
          transform: translateX(10px);
        }
      }
    }
}

.cb-toggle-menu-text {
	
}