.common_btn_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;

  &.default {
    background: #F5F6F7;
    color: #232F46;
    &:hover {
      background-color: #EDF0F4;
    }
  }
  
  &.primary {
    background-color: #2F54EB;
    color: #FFFFFF;
    &:hover {
      background-color: #1D39C4;
    }
  }
  
  &.light {
    background-color: #E9F0FF;
    color: #2F54EB;
    &:hover {
      background-color: #D6E4FF;
    }
  }
  
  &.icon {
    background-color: #F5F6F7;
    color: #232F46;
    padding: 14px;
    &:hover {
      background-color: #EDF0F4;
    }
  }
  
  &.text {
    background: #F5F6F7;
    color: #2F54EB;
    font-weight: 400;
  }
  
  &.disabled {
    background-color: #EDF0F4;
    color: #8493AF;
  }
  
  &.large {
    height: 56px;
  }
}

.common_btn_wrap + .common_btn_wrap {
  margin-left: 12px;
}
