@import "scss/_variables";


.buba-blocks-tel-input {
  margin: 0;
  padding: 0;

  input {
    outline: none !important;
    width: 100% !important;
    border-radius: var(--buba-blocks-tel-input-borderRadius) !important;
    border-color: var(--buba-blocks-tel-input-borderColor) !important;
    border-style: var(--buba-blocks-tel-input-borderStyle) !important;
    border-width: var(--buba-blocks-tel-input-borderWidth) !important;
    background: var(--buba-blocks-tel-input-background) !important;
    color: var(--buba-blocks-tel-input-color) !important;
    padding: var(--buba-blocks-tel-input-padding) !important;
    font-size: var(--buba-blocks-tel-input-fontSize) !important;

    &::placeholder {
      color: var(--buba-blocks-tel-input-color) !important;
      opacity: 0.6;
    }
  }
}