subscribe-form.css 930 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .subscribe-form{
  2. display: flex;
  3. justify-content: center;
  4. }
  5. .subscribe-form__input{
  6. background: #FFFFFF;
  7. border: 1px solid #F72464;
  8. box-sizing: border-box;
  9. border-radius: 4px;
  10. height: 42px;
  11. width: 230px;
  12. font-family: 'Noto Sans', sans-serif;
  13. font-style: normal;
  14. font-weight: normal;
  15. font-size: 16px;
  16. line-height: 1;
  17. color: #000;
  18. padding-left: 10px;
  19. padding-right: 10px;
  20. margin-right: 15px;
  21. }
  22. .subscribe-form__input::placeholder{
  23. color: #999999;
  24. }
  25. .subscribe-form__button{
  26. display: inline-block;
  27. border: none;
  28. background: #F72464;
  29. border-radius: 4px;
  30. padding: 13px 30px;
  31. font-family: 'Noto Sans', sans-serif;
  32. font-style: normal;
  33. font-weight: normal;
  34. font-size: 16px;
  35. line-height: 1;
  36. color: #FFFFFF;
  37. cursor: pointer;
  38. transition: box-shadow 0.2s ease-in background-color 0.2s ease-in;
  39. }
  40. .subscribe-form__button:hover{
  41. box-shadow: 0px 2px 15px rgba(184, 13, 64, 0.671);
  42. background-color: #ff3874;
  43. }